相关文章推荐
慷慨大方的绿茶  ·  穿成囚禁男主的反派要%E-哔哩哔哩_Bili ...·  10 月前    · 
不爱学习的课本  ·  《偷偷藏不住》官宣杀青,赵露思待播新剧增至2 ...·  1 年前    · 
安静的李子  ·  小鹅通的课程,学生如何用电脑观看?_哔哩哔哩 ...·  1 年前    · 
忧郁的火腿肠  ·  携程酒店-RJ Resorts预订-RJ ...·  1 年前    · 
率性的砖头  ·  父亲大人我真的不是魔女转世 - 抖音·  2 年前    · 
Code  ›  Flutter 透明状态栏及字体颜色的设置方法开发者社区
https://cloud.tencent.com/developer/article/1719180
满身肌肉的领带
2 年前
作者头像
砸漏
0 篇文章

Flutter 透明状态栏及字体颜色的设置方法

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 恩蓝脚本 > Flutter 透明状态栏及字体颜色的设置方法

Flutter 透明状态栏及字体颜色的设置方法

作者头像
砸漏
发布 于 2020-10-16 10:00:03
5.1K 0
发布 于 2020-10-16 10:00:03
举报

注:底色透明是否生效与android版本有关,版本过低设置无效

1.在main.dart内设置

void main(){
 runApp(new MyApp());
 if (Platform.isAndroid) {
 //设置Android头部的导航栏透明
 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(
 	statusBarColor: Colors.transparent, //全局设置透明
 	statusBarIconBrightness: Brightness.light 
 	//light:黑色图标 dark:白色图标 
 	//在此处设置statusBarIconBrightness为全局设置
 SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}

2.单页面设置

appBar: AppBar(
		  title: new Text(''),
	  elevation: 0,
	  brightness: Brightness.dark, //设置为白色字体
	  ),

注:设置AppBar之后,单独在build内设置这行代码会失效 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);

ps:下面看下Flutter修改状态栏颜色以及字体颜色

Flutter沉浸式状态栏

void main() {
 runApp(MyApp());
 if (Platform.isAndroid) {
 // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后,是为了在渲染后进行set赋值,覆盖状态栏,写在渲染之前MaterialApp组件会覆盖掉这个值。
 SystemUiOverlayStyle systemUiOverlayStyle =
  SystemUiOverlayStyle(statusBarColor: Colors.transparent);
 SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}

Flutter修改状态栏字体颜色

使用AnnotatedRegion包裹Scaffold,可以使得状态栏颜色改变,有dark和light两种

@override
 Widget build(BuildContext context) {
 
推荐文章
慷慨大方的绿茶  ·  穿成囚禁男主的反派要%E-哔哩哔哩_Bilibili
10 月前
不爱学习的课本  ·  《偷偷藏不住》官宣杀青,赵露思待播新剧增至2部!题材各具亮点_腾讯新闻
1 年前
安静的李子  ·  小鹅通的课程,学生如何用电脑观看?_哔哩哔哩_bilibili
1 年前
忧郁的火腿肠  ·  携程酒店-RJ Resorts预订-RJ Resorts价格、点评、电话、地址查询-【携程旅行手机版】
1 年前
率性的砖头  ·  父亲大人我真的不是魔女转世 - 抖音
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号