Flutter修改状态栏颜色以及字体颜色

爱被打了一巴掌 2023-01-05 12:53 605阅读 0赞

刚开始学习flutter 记录一些遇到问题。今天的问题是flutter如何适配Android的导航栏

首先导包：

import 'dart:io'; //提供Platform接口  
import 'package:flutter/services.dart'; //提供SystemUiOverlayStyle

## Flutter沉浸式状态栏 ##

然后在maindart中添加配置

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png]

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

## Flutter沉浸式状态栏 ##

@override
      Widget build(BuildContext context) {
    
        return AnnotatedRegion<SystemUiOverlayStyle>(
          value: SystemUiOverlayStyle.light,
          child: Material(child:Scaffold(),),);
      }

遇到一些界面无法适配系统状态栏是因为使用了appbar控件，只要使用自定义的控件即可。

[48304ba5e6f9fe08f3fa1abda7d326ab.png]: /images/20221119/29c4707bdb30497593bba2cd17488b66.png

发表评论取消回复

表情：

评论列表（有 0 条评论，605人围观）

还没有评论，来说两句吧...

相关阅读

相关程序中修改字体颜色

[https://blog.csdn.net/leixiaohua1020/article/details/44243155][https_blog.csdn.net_leix

ゝ一纸荒年。/ 2023年08月17日 17:37/ 0 赞/ 78 阅读

相关 Flutter修改状态栏颜色以及字体颜色

刚开始学习flutter 记录一些遇到问题。今天的问题是flutter如何适配Android的导航栏首先导包： import 'dart:io'; //提供Platfor

爱被打了一巴掌/ 2023年01月05日 12:53/ 0 赞/ 606 阅读

相关 POI word 修改字体颜色

public void testSimpleWrite() throws Exception { //新建一个文档 XW

- 日理万妓/ 2022年09月24日 01:22/ 0 赞/ 550 阅读

相关 IOS 修改状态栏颜色

- (void)setStatusBarBackgroundColor:(UIColor )color { UIView status

小灰灰/ 2022年06月14日 04:08/ 0 赞/ 236 阅读

相关 BootstrapTable 特定列修改字体颜色

最近使用GitHub的一个开源项目，涉及到BootstrapTable的使用，今天遇到了给特定列修改颜色的问题，查找之后知道可以通过formatter初始化表格列来实现，代码如

柔情只为你懂/ 2022年06月10日 02:43/ 0 赞/ 207 阅读

相关 android 修改状态栏颜色

android 修改状态栏颜色 android 状态栏的颜色会随着背景颜色的改变而自适应调整颜色，但是在设置了沉浸式状态栏之后状态栏颜色不能即时调整颜色，会导致状

灰太狼/ 2022年05月24日 11:22/ 0 赞/ 517 阅读

相关状态栏字体颜色设置

根据不同的主题设置状态栏的字体颜色，主要有以下几种实现方法。 > 注意：状态栏的字体颜色分两种，一种是黑色，另一种是白色。步骤1 设置`info.plist`中的属性

冷不防/ 2022年03月28日 11:46/ 0 赞/ 997 阅读

相关 iOS 修改状态栏颜色

[iOS 修改状态栏颜色][iOS] 状态栏，默认为黑色，改为白色步骤： 1.在info.plist中添加键值对： <key>UIViewControllerBase

╰+哭是因爲堅強的太久メ/ 2022年03月22日 10:48/ 0 赞/ 318 阅读

相关 Markdown修改字体颜色

字体改为红色1： <font color=FF0000>字体改为红色1</font> 字体改为红色 2 ： \\color\{red\}\{字体改为红色

小灰灰/ 2022年03月01日 11:08/ 0 赞/ 334 阅读

相关 Android 完全沉浸式状态栏 or 状态栏颜色、字体颜色设置。封装工具类

SatusBarUtil工具类： import android.annotation.SuppressLint; import android.graphic

深碍√TFBOYSˉ_/ 2021年10月26日 11:40/ 0 赞/ 367 阅读