flutter主题颜色

作者: liu_520 | 来源:发表于2018-03-06 11:35 被阅读3923次

    主题色

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

    相关文章

      网友评论

        本文标题:flutter主题颜色

        本文链接:https://www.haomeiwen.com/subject/apdlfftx.html