直播app系统源码，Flutter中导航栏和状态栏设置成透明

直播app系统源码，Flutter中导航栏和状态栏设置成透明

一、Flutter 透明状态栏设置

 

1

import 'package:flutter/material.dart';<br>//导入对应的文件<br>import 'package:flutter/services.dart';<br> <br> <br> <br>void main() {<br>  //配置透明的状态栏<br>  SystemUiOverlayStyle systemUiOverlayStyle = const SystemUiOverlayStyle(statusBarColor: Colors.transparent);<br>  SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);<br> <br>  runApp(<br>        ......<br>        <br>  );<br>}

​

二、Flutter 透明顶部导航

通过 backgroundColor: Colors.transparent 结合 elevation: 0 可以实现透明导航，要实现透明 

 

浮动导航的话可以使用定位

 

1

<br>Positioned( <br>          top: 0, <br>          left: 0, <br>          right: 0, <br>          child: AppBar( <br>                title: const Text('CategoryView'), <br>                centerTitle: true,<br>                backgroundColor: Colors.transparent, <br>                elevation: 0, //消除阴影 <br>                        )<br>             )

 

以上就是直播app系统源码，Flutter中导航栏和状态栏设置成透明， 更多内容欢迎关注之后的文章