【问题标题】:status bar doesn't change background color in flutter状态栏不会改变颤动的背景颜色
【发布时间】:2021-04-13 00:28:50
【问题描述】:

我有两个页面,第一个有白色状态栏,第二个页面有灰色状态栏,但是当我从一个页面移动到另一个页面时,第二个页面采用第一个状态栏颜色??

注意:当我从主函数运行第二页时,它采用正确的颜色

我将它用于状态栏:

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark.copyWith(
        statusBarColor: Color(0xffF6F6F6), 
        statusBarBrightness: Brightness.dark 
));

这是什么原因?

【问题讨论】:

标签: flutter dart


【解决方案1】:

试试这个:-

在 main.dart 类中使用以下代码包装您的 MaterialApp:-

AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle(
        statusBarColor: Colors.transparent, //set as per your  status bar color
        systemNavigationBarColor: Colors.black, //set as per your navigation bar color
        statusBarIconBrightness: Brightness.dark, //set as per your status bar icons' color
        systemNavigationBarIconBrightness: Brightness.dark,
      ),
      child: MaterialApp(

如果您想更改整个应用的应用栏颜色,请在下方尝试

theme: Theme.of(context).copyWith(
            appBarTheme: Theme.of(context)
                .appBarTheme
                .copyWith(brightness: Brightness.light),
        ),

【讨论】:

  • 我可以再问一个关于状态栏的问题,但是另一种情况?
  • 我有主页,它有抽屉和应用栏状态栏没有出现,这个解决方案不适用于它
  • @LailaMattar 可以给我图片以便我了解一下吗?
  • @LailaMattar 我在上面添加了一些代码相关的应用栏,你可以试试这个。:)
猜你喜欢
  • 2019-10-03
  • 2015-09-26
  • 2018-06-23
  • 2019-11-20
  • 1970-01-01
  • 2016-10-16
  • 1970-01-01
  • 2021-04-19
相关资源
最近更新 更多