溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編這次要給大家分享的是Flutter怎么設置透明狀態欄和字體顏色，文章內容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。
注：底色透明是否生效與android版本有關，版本過低設置無效
1.在main.dart內設置
void main(){
runApp(new MyApp());
if (Platform.isAndroid) {
//設置Android頭部的導航欄透明
SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(
statusBarColor: Colors.transparent, //全局設置透明
statusBarIconBrightness: Brightness.light
//light:黑色圖標 dark：白色圖標
//在此處設置statusBarIconBrightness為全局設置
);
SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}
}2.單頁面設置
appBar: AppBar(
title: new Text(''),
elevation: 0,
brightness: Brightness.dark, //設置為白色字體
),注：設置AppBar之后，單獨在build內設置這行代碼會失效 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
ps：下面看下Flutter修改狀態欄顏色以及字體顏色
Flutter沉浸式狀態欄
void main() {
runApp(MyApp());
if (Platform.isAndroid) {
// 以下兩行 設置android狀態欄為透明的沉浸。寫在組件渲染之后，是為了在渲染后進行set賦值，覆蓋狀態欄，寫在渲染之前MaterialApp組件會覆蓋掉這個值。
SystemUiOverlayStyle systemUiOverlayStyle =
SystemUiOverlayStyle(statusBarColor: Colors.transparent);
SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}
}Flutter修改狀態欄字體顏色
使用AnnotatedRegion包裹Scaffold，可以使得狀態欄顏色改變，有dark和light兩種
@override
Widget build(BuildContext context) {
return AnnotatedRegion<SystemUiOverlayStyle>(
value: SystemUiOverlayStyle.light,
child: Material(child:Scaffold(),),);
}看完這篇關于Flutter怎么設置透明狀態欄和字體顏色的文章，如果覺得文章內容寫得不錯的話，可以把它分享出去給更多人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
