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

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

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

首先导包：

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

Flutter沉浸式状态栏

然后在maindart中添加配置

复制代码

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

Flutter沉浸式状态栏

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

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

发表评论

表情：
评论列表 （有 0 条评论，827人围观）

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

相关阅读

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

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

    Bertha 。Bertha 。/ 0 赞/ 225 阅读

    相关 android 修改状态栏颜色

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

    灰太狼灰太狼/ 0 赞/ 740 阅读

    相关 状态栏字体颜色设置

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

    冷不防冷不防/ 0 赞/ 1208 阅读