flutter主题颜色

主题色

 

右下角的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