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

深渊向深渊呼唤

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

首先导包:

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

 

Flutter沉浸式状态栏

 

然后在maindart中添加配置

复制代码

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控件,只要使用自定义的控件即可。

 

 

栏目