直播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中導航欄和狀態列設定成透明， 更多內容歡迎關注之後的文章