Flutter顶部状态栏显示,安全区设置等,防止各种异性屏挡住应用操作栏

经过测试,用下方文章的第4中方法可以实现

原文地址:Flutter 状态栏完美攻略，不要找了，都在这里了 - 简书

本篇文章的前提是使用Scaffold和AppBar组件。

1. 沉浸式状态栏

Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          toolbarHeight: 0,
        ),
        body: Container(color:Colors.red)
)

2. 状态栏的背景颜色

Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.transparent,
        ),
        body: Container(color:Colors.red)
)

3. 状态栏的文字颜色

Brightness.light文字黑色
Brightness.dark文字白色

Scaffold(
        appBar: AppBar(
          brightness: Brightness.light,
        ),
        body: Container(color:Colors.red)
)

4. 沉浸式状态栏下的安全区域

使用SafeArea

Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          toolbarHeight: 0,
        ),
        body: SafeArea(child:Container(color:Colors.red))
)

5. Android机器的状态栏颜色改为透明

默认是带个遮罩的，完全去除：

void main() async {
   runApp(MaterialApp());
    SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor:Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}

要写在runApp(MaterialApp());后面。

作者：你累吗
链接：https://www.jianshu.com/p/4362c6a40d1b
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。