color: Color(0xFF5e12a9)
專業(yè)成都網(wǎng)站建設(shè)公司,做排名好的好網(wǎng)站,排在同行前面,為您帶來(lái)客戶和效益!成都創(chuàng)新互聯(lián)為您提供成都網(wǎng)站建設(shè),五站合一網(wǎng)站設(shè)計(jì)制作,服務(wù)好的網(wǎng)站設(shè)計(jì)公司,網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)負(fù)責(zé)任的成都網(wǎng)站制作公司!
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(全透明)
參考原文鏈接:
brightness: Brightness.light,(黑色)
brightness: Brightness.dark,(白色)
這種設(shè)置狀態(tài)欄字體顏色的方法僅在手機(jī)淺色模式下有效,當(dāng)用戶選擇深色(暗黑)模式后,該方法失效,狀態(tài)欄字體顏色統(tǒng)一變?yōu)榘咨豢筛摹?/p>
在App設(shè)計(jì)中狀態(tài)欄純色的這種設(shè)計(jì)很常見(jiàn),但是如果狀態(tài)欄需要為白色的時(shí)候就必須為黑色字體。在Android中已經(jīng)有很多成熟的方案來(lái)處理這種情況,那我們現(xiàn)在看看在Flutter中這種情況該怎么處理。
這里的ThemeData即為控制App的主題,primarySwatch設(shè)置即可控制主題的各類顏色,但是這里的顏色是需要MaterialColor,但是純色種的黑色和白色不是MaterialColor。所以不能設(shè)置primarySwatch為Colors.white。
注:MaterialColor包含以下這些
那么就只能使用其他方式設(shè)置主題為白色。即為設(shè)置
此時(shí)我們可以看到App的狀態(tài)欄如下所示(Android)
雖然AppBar變成了白色,但是狀態(tài)欄是灰色顯然不是我們想要的。
嘗試設(shè)置文字顏色,AppBar的Brightness有兩種模式light和dark
這個(gè)和SystemUiOverlayStyle的light和dark剛好相反
然后設(shè)置狀態(tài)欄顏色
設(shè)置為紅色之后,得到以下的樣式,可以看到狀態(tài)欄為紅色了,文字為白色
那么接下來(lái)我們只需要將狀態(tài)欄設(shè)置為白色或者透明,狀態(tài)欄文字設(shè)置為黑色。
最后得到以下視圖
注:使用PreferredSize包裹,可以更得心應(yīng)手哦!
SystemUiOverlayStyle在設(shè)置時(shí)其實(shí)有很多系統(tǒng)或者版本的限制
[Flutter]使用主題
flutter設(shè)置沉浸式狀態(tài)欄
)