技术栈

flutter 修改状态栏

Steve_XiaoHai2024-01-31 13:31

获取状态栏高度

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

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

上一篇:Google Chrome 常用的几个参数
下一篇:uniapp状态管理Vuex介绍及vuex核心概念
相关推荐
SoaringHeart
7 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
九狼
12 小时前
Flutter URL Scheme 跨平台跳转
人工智能·flutter·github
_squirrel
14 小时前
记录一次 Flutter 升级遇到的问题
flutter
Haha_bj
15 小时前
Flutter——状态管理 Provider 详解
flutter·app
MakeZero
18 小时前
Flutter那些事-展示型组件篇
flutter
赤心Online
18 小时前
从零开始掌握 Shorebird:Flutter 热更新实战指南
flutter
wangruofeng
19 小时前
AI 助力 Flutter 3.27 升级到 3.38 完整指南:两周踩坑与实战复盘
flutter·ios·ai编程
Zsnoin能
2 天前
Flutter仿ios液态玻璃效果
flutter
傅里叶
2 天前
iOS相机权限获取
flutter·ios
Haha_bj
2 天前
Flutter—— 本地存储(shared_preferences)
flutter
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤05OpenClaw + 飞书(Feishu)环境搭建指南06Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services07Window 10部署openclaw报错node.exe : npm error code 12808AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南09AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot10OpenClaw优化飞书API 额度已耗尽问题