状态栏不会改变 flutter 中的背景颜色

Question

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

注意：当我从主 function 运行第二页时，它采用正确的颜色

我将它用于状态栏：

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

这是什么原因？

Answer 1

试试这个： -

在 main.dart class 中用以下代码包装您的 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),
        ),