flutter 设置状态栏的颜色,背景appBar

最新推荐文章于 2024-09-13 16:20:44 发布

汪小敏同学

最新推荐文章于 2024-09-13 16:20:44 发布

阅读量2.2k

点赞数

分类专栏： flutter集合

本文链接：https://blog.csdn.net/weixin_44692055/article/details/117150918

版权

flutter集合专栏收录该内容

23 篇文章 2 订阅

订阅专栏

本文介绍了如何在Flutter中更改状态栏颜色，包括使用AppBar的brightness属性设置默认的白色或黑色字体，并展示了使用flutter_statusbarcolor包自定义状态栏背景色的步骤，包括判断并设置前景文字颜色。

摘要由CSDN通过智能技术生成

flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light,

在有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);
  }
}