Flutter 透明狀態(tài)欄及字體顏色的設(shè)置方法
更新時(shí)間：2020年04月30日 10:54:03 作者：哇咔 哇咔
這篇文章主要介紹了Flutter 透明狀態(tài)欄及字體顏色的設(shè)置方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
注：底色透明是否生效與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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android中fragment+viewpager實(shí)現(xiàn)布局
這篇文章主要為大家詳細(xì)介紹了Android中fragment+viewpager實(shí)現(xiàn)布局效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Android 簡單的圖片查看器源碼實(shí)現(xiàn)
本篇文章主要介紹了Android 簡單的圖片查看器源碼實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
快速了解Android?Room使用細(xì)則進(jìn)階
這篇文章主要為大家介紹了快速了解Android?Room使用細(xì)則進(jìn)階，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽事件的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽事件的方法,結(jié)合實(shí)例形式分析了Android事件監(jiān)聽實(shí)現(xiàn)音量控制的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
Android開發(fā)實(shí)現(xiàn)的ViewPager引導(dǎo)頁功能(動(dòng)態(tài)加載指示器)詳解
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)的ViewPager引導(dǎo)頁功能(動(dòng)態(tài)加載指示器),結(jié)合實(shí)例形式詳細(xì)分析了Android使用ViewPager引導(dǎo)頁的具體步驟,相關(guān)布局、功能使用技巧,需要的朋友可以參考下2017-11-11
這篇文章主要為大家詳細(xì)介紹了Android繪制跟隨手指移動(dòng)的小球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
現(xiàn)在的視頻網(wǎng)站基本都帶有彈幕效果，滿屏幕的文字從右到左飄來飄去?？雌饋磉€蠻炫的，這篇文章就是來實(shí)現(xiàn)這個(gè)效果，大部分的都是從右向左移動(dòng)漂移，本文的效果中也支持從左向右的漂移移動(dòng)效果，同時(shí)也支持屏幕彈幕最多顯示個(gè)數(shù)的設(shè)置。有需要的可以參考借鑒。2016-08-08
Android Activity回收與操作超時(shí)處理
這篇文章主要介紹了Android Activity回收與操作超時(shí)的相關(guān)處理操作，感興趣的小伙伴們可以參考一下2016-04-04
Flutter runApp GestureBinding使用介紹
這篇文章主要為大家介紹了Flutter runApp GestureBinding使用介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
這篇文章主要介紹了Gradle編譯打包Android apk詳細(xì)介紹的相關(guān)資料,理解Gradle構(gòu)建過程，解讀Android Gradle插件的配置，需要的朋友可以參考下2016-12-12