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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,083评论 19 139
  • -------------------------一、控制指令--------------------------...
    夜幕小草阅读 3,178评论 0 5
  • [1] 四、Sass的控制命令 [2] 4.1 @if @if是一个SassScript,它可以根据条件来处理样式...
    没汁帅阅读 1,866评论 0 2
  • 简评:作者安利了一个非常炫酷的开源项目 Froala Design Blocks,目前 8800+ stars,收...
    极小光阅读 984评论 2 24
  • 在我小的时候,经常看到一个披头散发的疯女人,穿着不知从哪里捡来的已经乌黑不堪的校服,嘴里絮絮叨叨着谁都听不懂的话,...
    徐芊芊阅读 944评论 4 10