主要用到的是appbar中的brightness屬性,brightness有兩個值可取,分別是Brightness.dark和Brightness.light.
“專業(yè)、務(wù)實、高效、創(chuàng)新、把客戶的事當成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 成都創(chuàng)新互聯(lián)公司是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于做網(wǎng)站、網(wǎng)站建設(shè)、軟件開發(fā)、設(shè)計服務(wù)業(yè)務(wù)。我們始終堅持以客戶需求為導(dǎo)向,結(jié)合用戶體驗與視覺傳達,提供有針對性的項目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場,引領(lǐng)市場!
另一種方案是:就是用AnnotatedRegionSystemUiOverlayStyle包裹,
發(fā)現(xiàn)一種更靈活的辦法,如下:
只需要在最外層包裹一下,然后設(shè)置狀態(tài)欄字體顏色就可以了,可以不用appbar,更加靈活
iOS默認的TextField彈出的鍵盤是暗黑色的。
要修改為亮色,修改TextField的keyboardAppearance屬性即可
全局修改的話可在main里面設(shè)置ThemeData的屬性
在開發(fā)中,文本是我們最常接觸的控件。這篇博客來分享一下 Flutter 中的 Text 文本組件,我們展示的文本都可以用這個組件來展示,希望看文章的小伙伴有所幫助。
這樣我們就可以在界面當中顯示一個文本,顯示是 Hello Flutter 。下面我們來說說 Text 組件的屬性:
設(shè)置文本顏色:
設(shè)置文本大?。?/p>
設(shè)置文本樣式-加粗:
設(shè)置文本樣式-斜體:
設(shè)置文本位置:
TextAlign可選屬性: center 、 end 、 start 、 justify 、 left 、 right 。
設(shè)置文本高度:
設(shè)置文本最大行數(shù):
設(shè)置文本有下劃線:
設(shè)置文本有虛線類型下劃線:
設(shè)置文字間隔:
文本超過最大行數(shù)設(shè)置 ... :
Image是一個用于展示圖片的組件。支持 JPEG、PNG、GIF、Animated GIF、WebP、Animated WebP、BMP 和 WBMP 等格式。
Image.asset - 用于從資源目錄的顯示圖片,需要在 pubspec.yaml 文件中聲明。
Image.network - 用于從網(wǎng)絡(luò)上顯示圖片。
Image.file - 用于從文件里顯示圖片。
Image.memory - 用于從內(nèi)存里(Uint8List)顯示圖片。
alignment → AlignmentGeometry - 圖像邊界內(nèi)對齊圖像。
centerSlice → Rect - 九片圖像的中心切片。
color → Color - 該顏色與每個圖像像素混合colorBlendMode。
colorBlendMode → BlendMode - 用于 color 與此圖像結(jié)合使用。
fit → BoxFit - 圖像在布局中分配的空間。
gaplessPlayback → bool - 當圖像提供者發(fā)生變化時,是繼續(xù)顯示舊圖像(true)還是暫時不顯示(false)。
image → ImageProvider - 要顯示的圖像。
matchTextDirection → bool - 是否在圖像的方向上繪制圖像 TextDirection。
repeat → ImageRepeat - 未充分容器時,是否重復(fù)圖片。
height → double - 圖像的高度。
width → double - 圖像的寬度。
加載資源圖片需要將圖片資源放入工程中,例如:新建images文件夾,將圖片放在該文件夾下,圖片適配則是使用ios的方式1X,2X,3X:
然后在pubspec.yaml中配置assets:
加載資源/網(wǎng)絡(luò)/本地文件圖片/內(nèi)存圖片:
占位圖加載圖片:
圓形圖片:1.裁剪實現(xiàn) 2.CircleAvatar實現(xiàn) 3.Container邊框?qū)崿F(xiàn)
圓角圖片:1.裁剪實現(xiàn) 2.Container邊框?qū)崿F(xiàn)
BoxFit.contain 全圖居中顯示但不充滿,顯示原比例
BoxFit.cover 圖片可能拉伸,也可能裁剪,但是充滿容器
BoxFit.fill 全圖顯示且填充滿,圖片可能會拉伸
BoxFit.fitHeight 圖片可能拉伸,可能裁剪,高度充滿
BoxFit.fitWidth 圖片可能拉伸,可能裁剪,寬度充滿
BoxFit.scaleDown 效果和contain差不多, 但是只能縮小圖片,不能放大圖片
下一節(jié)學(xué)習(xí)基礎(chǔ)組件之Text
brightness: Brightness.light,(黑色)
brightness: Brightness.dark,(白色)
這種設(shè)置狀態(tài)欄字體顏色的方法僅在手機淺色模式下有效,當用戶選擇深色(暗黑)模式后,該方法失效,狀態(tài)欄字體顏色統(tǒng)一變?yōu)榘咨豢筛摹?/p>
借助BlendMode屬性可以處理圖片的色值,有很多混合方式,官方文檔:
這里只說圖片變黑白
方式一,直接設(shè)置image里的color和colorBlendMode屬性:
方式二,通過ShaderMask設(shè)置blendMode: