Flutter沉浸式状态栏

什么是沉浸式状态栏

手机上面的电量时间的那一排信息，背景变成完全透明文字可切换黑色和白色的时候说明实现了沉浸式状态栏。

Flutter实现沉浸式状态栏

• 实现代码如下：

    SystemUiOverlayStyle style = SystemUiOverlayStyle(
      /// 设置状态栏背景为透明色
      statusBarColor: Colors.transparent, 
      ///设置状态栏文字为白色，dark为黑色
      statusBarIconBrightness: Brightness.light 
    );
    /// 应用上面的style设置
    SystemChrome.setSystemUIOverlayStyle(style);

• 全局设置

void main(){
  runApp(MyApp());
  if(Platform.isAndroid){
    SystemUiOverlayStyle style = SystemUiOverlayStyle(
      /// 设置状态栏背景为透明色
      statusBarColor: Colors.transparent, 
      ///设置状态栏文字为白色，dark为黑色
      statusBarIconBrightness: Brightness.light 
    );
    /// 应用上面的style设置
    SystemChrome.setSystemUIOverlayStyle(style);
  }
}

• 当Scaffold不设置appBar，最上层仅仅使用body的时候，就可以实现类似不完全透明的沉浸式。透明度也能达到比较高的程度。

      child: Scaffold(
        bottomNavigationBar: _buildBottomAppBar(),
        body: _buildContent(),
      ),