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

爱被打了一巴掌 2023-01-05 12:53 682阅读 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 条评论，682人围观）

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

相关阅读

相关修改Eclipse字体以及背景颜色

操作界面默认颜色为白色。对于我们长期使用电脑编程的人来说，白色很刺激我们的眼睛，所以我经常会改变workspace的背景色，使眼睛舒服一些。设置方法如下： 1、打开wind

Bertha 。/ 2024年02月18日 21:58/ 0 赞/ 80 阅读

相关修改placeholder字体颜色

html修改placeholder字体颜色因为不同浏览器存在兼容性问题，这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器等，代码如下： /

阳光穿透心脏的1/2处/ 2023年10月03日 19:04/ 0 赞/ 37 阅读

相关 flutter设置状态栏颜色

Android、flutter ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

Dear 丶/ 2023年06月27日 13:59/ 0 赞/ 35 阅读

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

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

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

相关 IOS 修改状态栏颜色

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

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

相关 android 修改状态栏颜色

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

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

相关状态栏字体颜色设置

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

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

相关 iOS 修改状态栏颜色

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

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

相关 Markdown修改字体颜色

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

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

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

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

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