brightness: Brightness.light,(黑色)
創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營銷,提供網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、成都小程序開發(fā)、公眾號商城、等建站開發(fā),創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專家,為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。
brightness: Brightness.dark,(白色)
這種設(shè)置狀態(tài)欄字體顏色的方法僅在手機淺色模式下有效,當(dāng)用戶選擇深色(暗黑)模式后,該方法失效,狀態(tài)欄字體顏色統(tǒng)一變?yōu)榘咨?,不可更改?/p>
color: Color(0xFF5e12a9)
00%=FF(不透明)
5%=F2
10%=E5
15%=D8
20%=CC
25%=BF
30%=B2
35%=A5
40%=99
45%=8c
50%=7F
55%=72
60%=66
65%=59
70%=4c
75%=3F
80%=33
85%=21
90%=19
95%=0c
100%=00(全透明)
參考原文鏈接:
在App設(shè)計中狀態(tài)欄純色的這種設(shè)計很常見,但是如果狀態(tài)欄需要為白色的時候就必須為黑色字體。在Android中已經(jīng)有很多成熟的方案來處理這種情況,那我們現(xiàn)在看看在Flutter中這種情況該怎么處理。
這里的ThemeData即為控制App的主題,primarySwatch設(shè)置即可控制主題的各類顏色,但是這里的顏色是需要MaterialColor,但是純色種的黑色和白色不是MaterialColor。所以不能設(shè)置primarySwatch為Colors.white。
注:MaterialColor包含以下這些
那么就只能使用其他方式設(shè)置主題為白色。即為設(shè)置
此時我們可以看到App的狀態(tài)欄如下所示(Android)
雖然AppBar變成了白色,但是狀態(tài)欄是灰色顯然不是我們想要的。
嘗試設(shè)置文字顏色,AppBar的Brightness有兩種模式light和dark
這個和SystemUiOverlayStyle的light和dark剛好相反
然后設(shè)置狀態(tài)欄顏色
設(shè)置為紅色之后,得到以下的樣式,可以看到狀態(tài)欄為紅色了,文字為白色
那么接下來我們只需要將狀態(tài)欄設(shè)置為白色或者透明,狀態(tài)欄文字設(shè)置為黑色。
最后得到以下視圖
注:使用PreferredSize包裹,可以更得心應(yīng)手哦!
SystemUiOverlayStyle在設(shè)置時其實有很多系統(tǒng)或者版本的限制
[Flutter]使用主題
flutter設(shè)置沉浸式狀態(tài)欄
)