flutter 修改状态栏

获取状态栏高度

使用context:

复制代码
MediaQuery.of(context).padding.top)

修改状态栏颜色

使用Appbar

Dart 复制代码
appBar: AppBar(
          title: Text('appbar', style: TextStyle(color: Colors.black),),
          brightness: Brightness.light,
          backgroundColor: Colors.white,
        ),

使用 AnnotatedRegion

Dart 复制代码
return AnnotatedRegion<SystemUiOverlayStyle>(
        value: SystemUiOverlayStyle.dark,
        child: Scaffold(
          body: Column(),
        ));

参考官方文档:修改状态栏颜色

相关推荐
G_dou_1 小时前
# Flutter+OpenHarmony 实战:note_app 笔记应用
flutter·harmonyos
西西学代码1 小时前
Flutter---侧边栏会话列表
flutter
G_dou_1 小时前
Flutter+OpenHarmony实战:Calculator 计算器项目
flutter
小小小小小鹿1 小时前
# Vibe Coding 实战:Flutter 滑动列表上的花式动效
flutter·vibecoding
西西学代码1 小时前
Flutter---登录弹窗
flutter
G_dou_2 小时前
# Flutter+OpenHarmony 实战:ToDo待办清单
flutter·harmonyos
不爱吃糖的程序媛10 小时前
Flutter 三方库适配鸿蒙教程
flutter·华为·harmonyos
2501_9197490314 小时前
鸿蒙 Flutter 实战:video_compress 3.1.4 适配 3.27-ohos 全流程
flutter·华为·harmonyos
h64648564h16 小时前
Flutter 国际化(i18n)全指南:一键切换中/英/日多语言
前端·javascript·flutter
kTR2hD1qb21 小时前
Flutter 复杂拖拽排序实战:同源排序 + 跨容器拖拽完整落地
flutter