当我们使用深色/浅色主题时，如何更改状态栏的颜色？

Question

[重复]。我正在尝试通过在 main 中使用以下代码在整个应用程序中更改状态栏的颜色，但是当主题为深色时，我无法将其设置为不同的颜色。现在我已将其设置为白色，但当它是深色主题时我想要黑色。这是一个重复的问题，但我无法得到它，因为其中一些正在使用一些已停产的软件包，而在某些情况下，他们正在使用 Appbar 的每个屏幕中都这样做。能够以较早的答案执行此操作，但如何在主题更改时更改它。

我也试过这个：- statusBareColor:themeProvider.isDarkMode？ black :white，但这显示错误。

 class MyApp extends StatelessWidget {
 @override
Widget build(BuildContext context) => ChangeNotifierProvider(

create:(context) => ThemeProvider(),
builder:(context,_){
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor:white,
  ));
  final themeProvider = Provider.of<ThemeProvider>(context,listen: true);
  return MaterialApp(

    debugShowCheckedModeBanner: false,
    themeMode: themeProvider.thememode,
    theme: MyThemes.lightTheme,
    darkTheme: MyThemes.darkTheme,
    );

Answer 1

您可以使用AppBar 小部件的Brightness 属性

Brightness.light
Brightness.dark

在您的 ThemeData 集中 appBarTheme 如下

MaterialApp(
   theme: ThemeData( 
      appBarTheme: AppBarTheme(
        brightness: Brightness.dark, // set dark of light
      ),
    ),
  ),

您可以在任何状态管理提供者的帮助下更改brightness

或者你可以使用类似的东西，把它放在你的build方法中

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);

Answer 2

我认为你必须在 Build 函数和 ChangeNotifierProvider 之外使用此代码，请检查它。

class MyApp extends StatelessWidget {
 @override
Widget build(BuildContext context) { 
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor:white,
  ));
  return ChangeNotifierProvider(

create:(context) => ThemeProvider(),
builder:(context,_){
  
  final themeProvider = Provider.of<ThemeProvider>(context,listen: true);
  return MaterialApp(

    debugShowCheckedModeBanner: false,
    themeMode: themeProvider.thememode,
    theme: MyThemes.lightTheme,
    darkTheme: MyThemes.darkTheme,
    )};