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主题颜色

    主题色 右下角的FloatingActionButton的颜色就是默认取值MaterialColor, 默认是蓝色...

  • flutter中的一些小坑合集

    1.修改主题按钮颜色(buttonColor) flutter-io的教程上关于修改全局主题中的按钮颜色是这样写的...

  • Flutter 之 颜色和主题

    颜色和主题 待续

  • Flutter基础知识学习

    Flutter主题 定义主题有两种方式:全局主题或使用Theme来定义应用程序局部的颜色和字体样式。全局主题只是由...

  • Flutter基本使用

    Flutter使用文档 创建应用主题 为了在整个应用程序中共享包含颜色和字体样式的主题,我们可以提供ThemeDa...

  • Flutter探索之旅之主题

    主题可以使APP拥有统一的样式,如颜色和字体等,它决定了APP的展示效果。在Flutter中,我们可以定义全局主题...

  • 轻松flutter 之 配置资源 | 主题颜色

    第一部分 配置资源 flutter在统一的资源配置文件pubspec.yaml(根目录)中配置资源. pubspe...

  • Flutter入门 -- ThemeData

    用于自定义应用程序的主题颜色和排版等。 在Flutter中有两种方法来使用主题,一种是全局范围的主题 一种是使用 ...

  • [Flutter]使用主题

    使用主题可以在App里面共享颜色和字体样式。在Flutter里面有两种方式来使用主题,一种是全局范围的、一种是使用...

  • Flutter自定义导航栏更改状态栏颜色兼容Android,IO

    flutter自定义导航栏更改状态栏颜色兼容Android,IOS flutter下自定义导航栏更改状态栏背景颜色...

网友评论

    本文标题:flutter主题颜色

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