Flutter實(shí)現(xiàn)Android透明沉浸式狀態(tài)欄效果并去掉右上角debug標(biāo)簽

需要手動(dòng)導(dǎo)包
import 'dart:io';
import 'package:flutter/services.dart';
需要注意的是:
image.png
import 'package:flutter/material.dart';
import 'dart:io';
import 'package:flutter/services.dart';

//首頁
void main() {
  runApp(new MyApp());
  //判斷如果是Android版本的話 設(shè)置Android狀態(tài)欄透明沉浸式
  if (Platform.isAndroid) {
    //沉浸式狀態(tài)欄
    //寫在組件渲染之后,是為了在渲染后進(jìn)行設(shè)置賦值,覆蓋狀態(tài)欄,寫在渲染之前對MaterialApp組件會(huì)覆蓋這個(gè)值。
    SystemUiOverlayStyle systemUiOverlayStyle =
    SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }
}
 class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       title: "我只是顯示而已",
        debugShowCheckedModeBanner: false,
       theme: ThemeData(
         primaryColor: Color(0xff1594FA)
       ),
       home: MyHomePage()
     );
   }
 }

 class MyHomePage extends StatefulWidget {
   @override
   _MyHomePageState createState() => _MyHomePageState();
 }

 class _MyHomePageState extends State<MyHomePage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: Text("我是標(biāo)題"),
        centerTitle: true,),
         body: Center(
           child: Text("居中"),
         ),
     );
   }
 }

一張是Android透明沉浸式狀態(tài)欄效果圖,另外一張是按了home鍵的效果圖
0CD09B5222EF8F35988672192BF474A9.png
B73BC1DB07DB434AFA750FAF117D0160.jpg
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容