刚开始学习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( value: SystemUiOverlayStyle.light, child: Material(child:Scaffold(),),);
}
遇到一些界面无法适配系统状态栏是因为使用了appbar控件,只要使用自定义的控件即可。
文章来源: ,作者:星月黎明,版权归原作者所有,如需转载,请联系作者。
原文链接:/qq_33209777/article/details/112542582