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

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

一、Flutter 透明状态栏设置

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

​

二、Flutter 透明顶部导航

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

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

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

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