如何在 flutter 中將狀態欄圖標顏色更改為白色

Question

狀態欄顏色應為黑色，其圖標/文本 colors 應為白色。 但它不起作用。 這是我的代碼。 各位高手，請幫我解決一下。 謝謝你。

第一頁圖片在這里。 [ 2 : https://i.stack.imgur.com/sXU97.png][2]

Answer 1

我們需要使用systemNavigationBarIconBrightness: Brightness.dark,在 android 上變白並重建應用程序。

當設置為[Brightness.light]時，系統導航欄圖標為淺色。
設置為【亮度.暗】時，系統導航欄圖標為深色。

  SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(
        statusBarColor: Colors.black, // status bar color
        systemNavigationBarIconBrightness: Brightness.dark, // Icon Color
      ),
    );

Answer 2

我知道我遲到了，但對於那些面臨同樣問題的人

在MaterialApp()主題屬性中的main.dart添加如下代碼

MaterialApp(
       theme: ThemeData(
        appBarTheme: AppBarTheme(
                systemOverlayStyle: const SystemUiOverlayStyle(
                  statusBarColor: Colors.transparent,
                  statusBarBrightness: Brightness.dark, // For iOS: (dark icons)
                  statusBarIconBrightness: Brightness.dark, // For Android(M and greater): (dark icons)
                ))),
);

注意到Brightness.dark提供深色圖標，這當然適用於黑色背景情況下的白色背景Brightness.light

這將在您的應用程序中全局運行

如果你想要它用於特定頁面， AppBar()中有一個名為systemOverlayStyle:將上面的相同代碼復制到它

AppBar(
    systemOverlayStyle: const SystemUiOverlayStyle(
                      statusBarColor: Colors.transparent,
                      statusBarBrightness: Brightness.dark, // For iOS: (dark icons)
                      statusBarIconBrightness: Brightness.dark, // For Android(M and greater): (dark icons)
                    ),
),