Flutter 透明狀態(tài)欄及字體顏色的設(shè)置方法
注:底色透明是否生效與android版本有關(guān),版本過低設(shè)置無效
1.在main.dart內(nèi)設(shè)置
void main(){ runApp(new MyApp()); if (Platform.isAndroid) { //設(shè)置Android頭部的導(dǎo)航欄透明 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor: Colors.transparent, //全局設(shè)置透明 statusBarIconBrightness: Brightness.light //light:黑色圖標(biāo) dark:白色圖標(biāo) //在此處設(shè)置statusBarIconBrightness為全局設(shè)置 ); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); } }
2.單頁面設(shè)置
appBar: AppBar( title: new Text(''), elevation: 0, brightness: Brightness.dark, //設(shè)置為白色字體 ),
注:設(shè)置AppBar之后,單獨(dú)在build內(nèi)設(shè)置這行代碼會(huì)失效 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
ps:下面看下Flutter修改狀態(tài)欄顏色以及字體顏色
Flutter沉浸式狀態(tài)欄
void main() { runApp(MyApp()); if (Platform.isAndroid) { // 以下兩行 設(shè)置android狀態(tài)欄為透明的沉浸。寫在組件渲染之后,是為了在渲染后進(jìn)行set賦值,覆蓋狀態(tài)欄,寫在渲染之前MaterialApp組件會(huì)覆蓋掉這個(gè)值。 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colors.transparent); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); } }
Flutter修改狀態(tài)欄字體顏色
使用AnnotatedRegion包裹Scaffold,可以使得狀態(tài)欄顏色改變,有dark和light兩種
@override Widget build(BuildContext context) { return AnnotatedRegion<SystemUiOverlayStyle>( value: SystemUiOverlayStyle.light, child: Material(child:Scaffold(),),); }
到此這篇關(guān)于Flutter 透明狀態(tài)欄及字體顏色的文章就介紹到這了,更多相關(guān)Flutter 狀態(tài)欄字體顏色內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android Support Annotations資料整理
這篇文章主要介紹了Android Support Annotations資料整理的相關(guān)資料,需要的朋友可以參考下2017-05-05Android?Compose狀態(tài)改變動(dòng)畫animateXxxAsState使用詳解
這篇文章主要為大家介紹了Android?Compose狀態(tài)改變動(dòng)畫animateXxxAsState使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11android選擇視頻文件上傳到后臺(tái)服務(wù)器
這篇文章主要介紹了android選擇視頻文件上傳到后臺(tái)服務(wù)器的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04Win10下Android App安裝配置開發(fā)環(huán)境
這篇文章主要為大家詳細(xì)介紹了Win10下Android App安裝配置開發(fā)環(huán)境,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07基于Android中Webview使用自定義的javascript進(jìn)行回調(diào)的問題詳解
本篇文章對(duì)Android中Webview使用自定義的javascript進(jìn)行回調(diào)的問題進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05玩轉(zhuǎn)AppBarLayout實(shí)現(xiàn)更酷炫的頂部欄
玩轉(zhuǎn)AppBarLayout,實(shí)現(xiàn)更酷炫的頂部欄,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09