Flutter 安卓状态栏那点事儿

沉浸式状态栏

在main.dart里加入如下代码便可实现

    runApp(MyApp());
  if (DifUtil.isAndroid()) {
    // 以下两行 设置android状态栏为透明的沉浸。
    // 写在组件渲染之后，是为了在渲染后进行set赋值,覆盖状态栏，写在渲染之前MaterialApp组件会覆盖掉这个值。
    SystemUiOverlayStyle systemUiOverlayStyle =
        SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }

问题1：假如登录界面背景色是白色，而状态栏是透明的，这个时候就看不到状态栏(如下图)，那么在沉浸式状态下，想要修改状态栏文字颜色怎么办？

• 使用AnnotatedRegion组件包裹Scaffold，支持dark和light两种颜色（如下图）

  return AnnotatedRegion<SystemUiOverlayStyle>(
    // 设置沉浸式状态栏文字颜色
    value:  SystemUiOverlayStyle.dark,
    child: Scaffold(
          ...
        )
  );