扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
brightness: Brightness.light,（黑色）
创新互联公司致力于互联网网站建设与网站营销，提供网站设计制作、做网站、网站开发、seo优化、网站排名、互联网营销、成都小程序开发、公众号商城、等建站开发，创新互联公司网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。
brightness: Brightness.dark,（白色）
这种设置状态栏字体颜色的方法仅在手机浅色模式下有效，当用户选择深色（暗黑）模式后，该方法失效，状态栏字体颜色统一变为白色，不可更改。
color: Color(0xFF5e12a9）
00%=FF（不透明）
5%=F2
10%=E5
15%=D8
20%=CC
25%=BF
30%=B2
35%=A5
40%=99
45%=8c
50%=7F
55%=72
60%=66
65%=59
70%=4c
75%=3F
80%=33
85%=21
90%=19
95%=0c
100%=00（全透明）
参考原文链接：
在App设计中状态栏纯色的这种设计很常见，但是如果状态栏需要为白色的时候就必须为黑色字体。在Android中已经有很多成熟的方案来处理这种情况，那我们现在看看在Flutter中这种情况该怎么处理。
这里的ThemeData即为控制App的主题，primarySwatch设置即可控制主题的各类颜色，但是这里的颜色是需要MaterialColor，但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。
注：MaterialColor包含以下这些
那么就只能使用其他方式设置主题为白色。即为设置
此时我们可以看到App的状态栏如下所示（Android）
虽然AppBar变成了白色，但是状态栏是灰色显然不是我们想要的。
尝试设置文字颜色，AppBar的Brightness有两种模式light和dark
这个和SystemUiOverlayStyle的light和dark刚好相反
然后设置状态栏颜色
设置为红色之后，得到以下的样式，可以看到状态栏为红色了，文字为白色
那么接下来我们只需要将状态栏设置为白色或者透明，状态栏文字设置为黑色。
最后得到以下视图
注：使用PreferredSize包裹，可以更得心应手哦！
SystemUiOverlayStyle在设置时其实有很多系统或者版本的限制
[Flutter]使用主题
flutter设置沉浸式状态栏
）
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网