美文网首页
2022-03-10 设置沉浸式状态栏

2022-03-10 设置沉浸式状态栏

作者: 忙于未来的民工 | 来源:发表于2022-03-11 11:04 被阅读0次

注:底色透明是否生效与android版本有关,版本过低设置无效

1.在main.dart内开启沉浸式(全局)

void main(){

  runApp(new MyApp());

  if (Platform.isAndroid) {

    //设置Android头部的导航栏透明

    SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(

      statusBarColor: Colors.transparent, //全局设置透明

      statusBarIconBrightness: Brightness.dark

      //light:黑色图标 dark:白色图标

      //在此处设置statusBarIconBrightness为全局设置

    );

    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);

  }

}

2.如果在单页面使用了AppBar 可以使用如下配置修改字体颜色

appBar: AppBar(

          title: new Text(''),

              elevation: 0,

              backgroundColor: Colors.white,

              brightness: Brightness.dark, //设置为白色字体

            ),

3:如果不使用appbar,可以使用AnnotatedRegion,套在Scaffold 外部(会影响后续页面的状态栏,具体是否是全局修改,待验证)

AnnotatedRegion(

      value:SystemUiOverlayStyle(

            statusBarColor: Colors.white,

            statusBarIconBrightness: Brightness.dark),

      child: Scaffold()

)

相关文章

网友评论

      本文标题:2022-03-10 设置沉浸式状态栏

      本文链接:https://www.haomeiwen.com/subject/mgfqdrtx.html