flutter主题颜色
flutter 颜色 主题
2023-09-11 14:17:57 时间
主题色
![](http://upload-images.jianshu.io/upload_images/3463020-ae289d07a34433e8.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000)
右下角的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存储固定的几种主色周边的颜色:
![](http://upload-images.jianshu.io/upload_images/3463020-26bccc370d3c062b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/600)
MaterialColor
上面的箭头函数表示取这个map的键对应的值。
如红色:red
其中50,100,200,300,400表示浅红色,500是主红色,600,700,800,900表示深红色,浅色逐渐加深
![](http://upload-images.jianshu.io/upload_images/3463020-d662967639984fa1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/461)
red
_redPrimaryValue是主红色
二、primaryColor
如果要把顶部导航栏和状态栏的颜色修改成黑色或者白色,需要用到这个属性:
primaryColor:Colors.white
相关文章
- Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果
- Flutter TabBar 标签栏背景颜色、点击水波纹颜色配置
- Flutter StreamBuilder 异步更新数据
- Flutter Icons 与 CupertinoIcons 的不一样的体验
- flutter 日志输出,Flutter打印日志,flutter log,flutter 真机日志
- 教程:Flutter 和 Rust混合编程,使用flutter_rust_bridge自动生成ffi代码
- flutter自定义View(CustomPainter) 之 canvas的方法总结
- Flutter新手第一个坑:Could not find com.android.tools.lint:lint-gradle:26.1.1.
- Flutter DataGrid教程之表格图标日历Excel完整App源码(教程含源码)
- Flutter macOS 教程之 01 macOS App开发快速入门 (教程含源码)
- Flutter 3.0 强势来袭,实现了开发方式上六大平台的统一
- flutter系列之:flutter中可以建索引的栈布局IndexedStack
- flutter系列之:UI layout简介
- flutter系列之:移动端的手势基础GestureDetector
- flutter - 如何在Dart/Flutter中将某些元素从一个Map复制到新Map中?
- Flutter 找不到 android sdk(图文详解)
- 【AGC】崩溃服务flutter报缺失recordFatalException方法的问题
- Flutter 学习之旅 之 flutter 简单介绍和基础环境搭建的简单整理
- 修改 Flutter 中字体的大小和颜色