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(),
        ));

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

相关推荐
只可远观8 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰8 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
肥肥呀呀呀8 小时前
flutter Stream 有哪两种订阅模式。
flutter
WDeLiang16 小时前
Flutter - 集成三方库:日志(logger)
flutter·dart
hudawei99616 小时前
flutter缓存网络视频到本地,可离线观看
flutter·缓存·音视频
0wioiw01 天前
Flutter基础()
flutter
肥肥呀呀呀2 天前
flutter 视频通话flutter_webrtc
flutter
明似水2 天前
2025年Flutter项目管理技能要求
flutter
肥肥呀呀呀2 天前
flutter使用命令生成BinarySize分析图
flutter
程序猿阿伟2 天前
《数字分身进化论:React Native与Flutter如何打造沉浸式虚拟形象编辑》
flutter·react native·react.js