Flutter如何使状态和导航栏完全透明

Question

我注意到当打开我的应用程序时，有两个屏幕可以到达我的第一个颤动屏幕

1-1屏幕有灰色或（50%透明）状态和导航栏黑色和浅色图标。2-2屏幕有100%透明的状态和导航栏和白色图标。

我怎么能让所有的屏幕像第一次颤动屏幕100透明状态和导航栏与黑色图标（亮度暗）。

第一屏

第二屏

第一个颤振筛

风格xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- You can name this style whatever you'd like -->
    <style name="AppTheme" parent="@android:style/Theme.Translucent.NoTitleBar">
        <item name="android:windowBackground">@drawable/launch_background</item>
        <item name="android:windowFullscreen">false</item>
    </style>
</resources>

主要活动。kt

import io.flutter.embedding.android.FlutterActivity
class MainActivity: FlutterActivity() {
}

编辑

现在我已经改变了我的代码，第一个屏幕是正确的，但第二个屏幕仍然图标是白色的，背景也是白色的，我想显示图标为黑色。

风格xml

<resources>
    <!-- You can name this style whatever you'd like -->
    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
        <item name="android:windowBackground">@drawable/launch_background</item>
        <item name="android:navigationBarColor">@android:color/white</item>
        <item name="android:statusBarColor">@android:color/white</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:windowLightNavigationBar">true</item>
        <item name="android:windowLightStatusBar">true</item>
    </style>
</resources>

主要活动。kt

class MainActivity: FlutterActivity() {
      override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val window: Window = getWindow()
        window.setStatusBarColor(Color.TRANSPARENT)
        window.setNavigationBarColor(Color.TRANSPARENT)
        
     
    }
}

状态栏/第二屏

导航栏/第二屏幕

Answer 1

对于颤振屏幕中的透明状态栏

SystemChrome.setSystemUIOverlayStyle(
   SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      //color set to transperent or set your own color
      statusBarIconBrightness: Brightness.dark, 
      //set brightness for icons, like dark background light icons
   )
);

对于深色和浅色图标：

AppBar( 
   brightness: Brightness.dark,
   //Brightness.light = Dark icon
   //Brghtness.dark = Light icon
)

参考链接：https://www.fluttercampus.com/guide/12/how-to-make-status-bar-transparent-and-icon-light-dark-flutter/

编辑：如果你想使本机闪屏透明：

启动主题

<style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
    <!-- Show a splash screen on the activity. Automatically removed when
         Flutter draws its first frame -->
    <item name="android:windowBackground">@drawable/launch_background</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:windowLightStatusBar">true</item>
</style>

主要活动。kt

import io.flutter.embedding.android.FlutterActivity
import android.os.Bundle
import android.view.Window


class MainActivity: FlutterActivity() {


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val window: Window = getWindow()
        window.setStatusBarColor(0x00000000)
    }
}

主要的飞奔

void main() {
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Color(0x00000000),
    statusBarIconBrightness: Brightness.dark,
  ));
  runApp(MyApp());
}

注：根据颤振问题(https://github.com/flutter/flutter/issues/64001)这只在发布模式下有效，在调试模式下会闪烁。

编辑2:
删除

更新样式。xml

<resources>
    <!-- You can name this style whatever you'd like -->
    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
        <item name="android:windowBackground">@drawable/launch_background</item>
    </style>
</resources>