flutter主题颜色

博客围绕Flutter主题颜色设置展开,介绍了primarySwatch和primaryColor两个属性。primarySwatch可设置主题颜色,但可选值有限,调用MaterialColor类;若要将顶部导航栏和状态栏颜色改成黑白,需用primaryColor属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主题色

 

右下角的FloatingActionButton的颜色就是默认取值MaterialColor,

默认是蓝色的,如果修改成primarySwatch,就会变成这个颜色值。

一、primarySwatch

flutter的主题(build下面的theme)中有个主题颜色(primarySwatch):

目前的主题颜色(primarySwatch)只有下面几个值可以选择,其他的暂不支持:

red,

pink,

purple,

deepPurple,

indigo,

blue,

lightBlue,

cyan,

teal,

green,

lightGreen,

lime,

yellow,

amber,

orange,

deepOrange,

brown,

blueGrey,

如果我要把主题色改成白色,或者黑色的话,用上面的就会报错啦,因为在primarySwatch中的颜色是调用 MaterialColor这种颜色类,内部会有一个主色,一个map存储固定的几种主色周边的颜色:

MaterialColor

上面的箭头函数表示取这个map的键对应的值。

如红色:red

其中50,100,200,300,400表示浅红色,500是主红色,600,700,800,900表示深红色,浅色逐渐加深

red

_redPrimaryValue是主红色

二、primaryColor

如果要把顶部导航栏和状态栏的颜色修改成黑色或者白色,需要用到这个属性:

primaryColor:Colors.white

转载于:https://www.cnblogs.com/Free-Thinker/p/10814956.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值