dart - 如何在 Flutter 中更改状态栏颜色?

我正在尝试将状态栏颜色更改为白色。我找到了 this flutter 的酒吧。我尝试在我的 dart 文件中使用示例代码。

最佳答案

更新 Flutter 2.0(推荐):

在最新的 Flutter 版本上,您应该使用:

AppBar(
  systemOverlayStyle: SystemUiOverlayStyle(
    // Status bar color
    statusBarColor: Colors.red, 

    // Status bar brightness (optional)
    statusBarIconBrightness: Brightness.dark, // For Android (dark icons)
    statusBarBrightness: Brightness.light, // For iOS (dark icons)
  ),
)

仅限 Android(更灵活):

import 'package:flutter/services.dart';

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

iOS 和 Android:

appBar: AppBar(
  backgroundColor: Colors.red, // Status bar color
)

有点老套,但适用于 iOS 和 Android:

Container(
  color: Colors.red, // Status bar color
  child: SafeArea(
    left: false,
    right: false,
    bottom: false,
    child: Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue, // App bar color
      ),
    ),
  ),
) 

https://stackoverflow.com/questions/52489458/

相关文章:

constructor - Dart 构造函数后的冒号

flutter - 如何降级 Flutter SDK (Dart 1.x)

flutter - 如何检查 Flutter 应用程序是否正在调试中运行?

flutter - 如何让 Flutter 应用根据不同的屏幕尺寸做出响应?

dart - 在底部导航栏图标上显示通知徽章

android - 如何在 Flutter 中格式化日期时间

dart - flutter - 创建一个从 minHeight 开始,增长到 maxHeight

image - Flutter 网络图像不适合圆形头像

dart - 在 Flutter 中创建图像轮播

intellij-idea - 如何将数据记录到 Flutter 控制台?