主题色
右下角的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
网友评论