我试图改变Safari浏览器中的状态栏,我搜索它,这是一个关于它的很多问题,但他们都没有解决我的问题。我试过change-status-bar-color和how-to-change-chrome-header-color。
这个蓝色区域在iPhone的凹槽周围,我想在整个应用程序中更改颜色。
谢谢您的关注。
我试图改变Safari浏览器中的状态栏,我搜索它,这是一个关于它的很多问题,但他们都没有解决我的问题。我试过change-status-bar-color和how-to-change-chrome-header-color。
这个蓝色区域在iPhone的凹槽周围,我想在整个应用程序中更改颜色。
谢谢您的关注。
3条答案
按热度按时间bz4sfanl1#
您希望更改
theme-color
的值。您看到的默认颜色在web/manifest.json
文件中定义。您也可以将其设置为,例如,为您的浅色主题设置为白色,为您的深色主题设置为黑色,为您的
web/index.html
添加以下行:您也可以通过
dart:js
动态更改它,方法是向web/index.html
添加脚本:然后通过
dart:js
调用它:bejyjqdl2#
请尝试使用以下代码:
5lhxktic3#
Flutter主通道
状态栏颜色可以根据
SystemUiOverlayStyle
进行更改。查看提案以了解更多信息:https://github.com/flutter/flutter/issues/123365
查看合并请求以了解更多信息:https://github.com/flutter/engine/pull/40599
1.使用
AppBar
控件:1.使用
AnnotatedRegion
:1.通过代码调用
SystemChrome.setSystemUIOverlayStyle
:1.调用内部构建方法
SystemChrome.setSystemUIOverlayStyle
:Flutter稳定/开发通道
1.使用
MaterialApp.color
属性:1.使用
MaterialApp.theme.primaryColor
属性: