颤振系统导航栏和状态栏颜色

注:这需要更新版本的flutter,因为它引用了2018年6月添加的api 是的。

您可以创建自定义 SystemUiOverlayStyle 使用默认构造函数。系统导航栏的颜色在此处定义。但是为了避免设置很多空值,可以使用 copyWith 方法从现有的亮/暗主题更新值。

const mySystemTheme= SystemUiOverlayStyle.light
 .copyWith(systemNavigationBarColor: Colors.red);

您可以使用 SystemChrome 静态方法。

SystemChrome.setSystemUiOverlayStyle(mySystemTheme);

但是,如果有多个小部件设置此值,或者使用材质appbar或cupertino navbar,则这些小部件可能会覆盖您的值。相反,当任何特定的小部件都可见时,您可以使用这个新的API来告诉它自动切换到这种样式。例如,如果你想在某个路线上使用上面的主题,你可以把它包在一个带注释的区域控件中。

Widget myRoute(BuildContext context) {
  return new AnnotatedRegion<SystemUiOverlayStyle>(
    value: mySystemTheme,
    child: new MyRoute(),
  );
}

这个 不会 但是,如果弹出路由,请将主题改回上一个值

你可以用 SystemChrome 类更改状态栏和导航栏颜色。

import 'package:flutter/services.dart';

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  systemNavigationBarColor: Colors.blue, // navigation bar color
  statusBarColor: Colors.pink, // status bar color
));

你可以直接打电话 SystemChrome.setSystemUIOverlayStyle :

import 'package:flutter/services.dart

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);