AppBar的界面,状态栏一般有Brightness.dark,和Brightness.light两种模式,分别是白色的导航栏字体颜色和黑色的字体颜色

appBar: AppBar(
        elevation: 0.5,
        brightness: Brightness.light,
        backgroundColor: Colors.white,
),

该种状态栏的背景色为白色,此时字体为黑色, 另一个值所对应的颜色刚好相反
动态改变状态栏颜色

可能我们会遇到有特殊的情况需要改变整个状态栏的背景色, flutter_statusbarcolor的第三方可以满足我们的需求

import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';
 
//在main方法中
void main() async {
 runApp(MyApp(
    orLogin: orLogin,
  ));
  await FlutterStatusbarcolor.setStatusBarColor(Colors.green[400]);
  if (useWhiteForeground(Colors.green[400])) {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
  } else {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
  }
}
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐