flutter 实现沉浸式状态栏

flutter内置两种状态栏样式 dark 和 light，绿色是App背景


设置方式：

//dark
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
//light
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);

自定义
setSystemUIOverlayStyle() 方法接收 SystemUiOverlayStyle 类型的参数,
查看 SystemUiOverlayStyle 类源码，下面是dark和light的样式

只要把其中一个样式拿过来修改即可。
比如：

//沉浸式状态栏
  _statusBar() {
    const SystemUiOverlayStyle customSystemUiOverlayStyle = SystemUiOverlayStyle(
      systemNavigationBarColor: Color(0xFF000000),//系统底部导航，即虚拟导航键那一块
      systemNavigationBarDividerColor: null,//分隔条颜色
      statusBarColor: Colors.yellow,//状态栏颜色
      systemNavigationBarIconBrightness: Brightness.light,//系统导航图标的亮度
      statusBarIconBrightness: Brightness.dark,//顶部状态栏图标的亮度
      statusBarBrightness: Brightness.light,//顶部状态栏的亮度
    );
    SystemChrome.setSystemUIOverlayStyle(customSystemUiOverlayStyle);
  }

效果：

来源：CSDN

作者：rhhrh

链接：https://blog.csdn.net/qq_40928212/article/details/104070531