flutter App开发修改顶部通知栏样式

最新推荐文章于 2025-03-02 16:06:04 发布

原创最新推荐文章于 2025-03-02 16:06:04 发布 · 829 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android

该代码段展示了如何使用Flutter中的SystemChrome.setSystemUIOverlayStyle方法初始化通知，设置状态栏的颜色、亮度和图标亮度。statusBarColor设为透明，statusBarIconBrightness设为黑色，适用于创建全屏或特定视觉效果。注意，systemNavigationBarColor等属性只在Android平台生效。

initNotification(){
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
    // Brightness.light 状态栏字体颜色（白色）
    statusBarIconBrightness: Brightness.dark, // 状态栏字体颜色（黑色）
    statusBarColor: Colors.transparent, // 状态栏背景色
  ));
}

- `statusBarColor`：设置状态栏的背景颜色；
- `statusBarBrightness`：设置状态栏的亮度，可选的取值为 `Brightness.dark` 或 `Brightness.light`；
- `statusBarIconBrightness`：设置状态栏的图标亮度，可选的取值为 `Brightness.dark` 或 `Brightness.light`；
- `systemNavigationBarColor`：设置系统导航栏的颜色，仅在 Android 平台上生效；
- `systemNavigationBarDividerColor`：设置导航栏底部分隔线的颜色，仅在 Android 平台上生效；
- `systemNavigationBarIconBrightness`：设置系统导航栏按钮的颜色，可选的取值为 `Brightness.dark` 或 `Brightness.light`；
- `statusBarColor` 和 `systemNavigationBarColor` 参数还可以接受透明度属性，如 `Colors.white.withOpacity(0.5)`。