基礎(chǔ)組件

基礎(chǔ) widget

01十偶、Text單一格式的文本

RichText:一個富文本Text,可以顯示多種樣式的text园细。

富文本顯示惦积。結(jié)合TextSpan組件一起使用

02、 Row, Column

可以讓你在水平 ( Row ) 和垂直( Column ) 方向創(chuàng)建靈活的布局

row是橫向分布的猛频,那所有的元素就是沿著一條橫著的主軸排列的狮崩,默認(rèn)情況下,它們將整個軸布滿鹿寻,而軸一般來說是跟屏幕同寬或者同長睦柴,跟上一個案例一樣。但是可以通過mainAxisSize設(shè)置軸的長度毡熏、mainAxisAlignment設(shè)置對齊關(guān)系坦敌、使用CrossAxisAlignment設(shè)置children在橫軸中的定位 。column同理痢法。

Column?不支持滾動狱窘,想支持滾動,需要考慮使用ListView

在Row 和 Column 里CrossAxis 和 Main Axis 是不一樣的

Row 布局 設(shè)置??crossAxisAlignment?無效

Column 布局 設(shè)置??mainAxisAlignment?無效

03财搁、Expanded

Expanded widget 能夠包裹一個 widget 并強(qiáng)制其填滿剩余空間蘸炸,與 Flexible 非常相似。

Expanded必須要要結(jié)合Column或者Row一起使用妇拯,否則會報錯幻馁。作用是動態(tài)調(diào)整 child 組件沿主軸的尺寸,比如填充剩余空間越锈,比如設(shè)置尺寸比例仗嗦。

04、SizedBox

這個可以用來調(diào)整大小甘凭,也可以用來創(chuàng)造空間稀拐。

與Container類似,但僅用于設(shè)置容器的寬高丹弱,如果需要設(shè)置背景色等德撬,請使用Container

05铲咨、Spacer

如果要造空位,Spacer比樓上更合適一點(diǎn)蜓洪,它可以用flex纤勒,且放在children中效果優(yōu)先級高于mainAxisAlignment。

06隆檀、

icon

優(yōu)勢:

尺寸不管怎么變摇天,圖標(biāo)本身都是清晰的,且沒有鋸齒,

可以修改顏色:

還支持傳入圖片 (icon: 'images/icon.png')

缺點(diǎn):只能設(shè)置純色恐仑,不能設(shè)置漸變色

Image

在放圖片前先配置下泉坐。先創(chuàng)建assets文件夾,并補(bǔ)上倆子文件夾用于存放圖標(biāo)和圖片裳仆;再將這倆文件夾寫入

pubspec.yaml里腕让。

Image.network

Image.asset

繼承了ImageProvider的image加載組件

本地AssetImage

AssetImage('images/image_icon.png')

網(wǎng)絡(luò)圖:NetworkImage

NetworkImage('imageUrl')

文件中加載:Image.file

內(nèi)存中加載:Image.memory


07、 Container

在沒有限制的情況下歧斟,Container 大小會盡可能大纯丸,如果沒有 height 的限制,這個 Container 將布滿屏幕构捡。

Container 需要遵守對齊方式液南,根據(jù)子項(xiàng)調(diào)整大小,尊重寬度勾徽、高度和約束滑凉,擴(kuò)展以適合父項(xiàng),盡可能小喘帚。

如果 widget 沒有子項(xiàng)且沒有對齊方式畅姊,但提供了高度、寬度或約束吹由,Container 會嘗試盡可能小若未,給定這些約束和父約束的組合。

08倾鲫、 GridView

ListView

09粗合、Stack

Stack 是定死的,不能像之前 ListView, Container 那樣可以在內(nèi)容數(shù)據(jù)溢出時可滾動乌昔。

可以剪切掉超出渲染框的子項(xiàng)隙疚,所以才有上面圓形頭像的操作。

Stack:取代線性布局 (和Android中的LinearLayout相似)磕道,Stack允許子 widget 堆疊供屉, 你可以使用?Positioned?來定位他們相對于Stack的上下左右四條邊的位置。

010、

RaisedButton 點(diǎn)擊帶波紋效果伶丐,且有陰影

FloatButton: 沒有背景

OutlineButton: 帶邊框按鈕,點(diǎn)擊時邊框和背景顏色呈現(xiàn)高亮狀態(tài)

FloatingActionButton:一般一個界面只有一個悼做,用于分享,導(dǎo)航

TextButton是Flutter中的一個按鈕組件哗魂,它用于創(chuàng)建一個簡單的文本按鈕肛走,通常用于觸發(fā)次要操作。TextButton是MaterialButton的一個子類录别,因此它遵循材質(zhì)設(shè)計規(guī)范羹与,并提供一些常見的按鈕屬性。

011庶灿、

Divider:一個邏輯1像素厚的水平分割線,兩邊都有填充

012吃衅、

Padding:一個widget, 會給其子widget添加指定的填充往踢,設(shè)置內(nèi)邊距

Center:將其子widget居中顯示在自身內(nèi)部的widget

ConstrainedBox:對其子項(xiàng)施加附加約束的widget

Offstage:一個布局widget,可以控制其子widget的顯示和隱藏徘层。

013峻呕、

Scaffold

快速搭建頁面框架的組件

014、Positioned絕對定位趣效,一般跟Stack組件配合一起使用

Positioned.fill方法將填充 Stack 的整個空間

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瘦癌,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子跷敬,更是在濱河造成了極大的恐慌讯私,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件西傀,死亡現(xiàn)場離奇詭異斤寇,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)拥褂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進(jìn)店門娘锁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人饺鹃,你說我怎么就攤上這事莫秆。” “怎么了悔详?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵镊屎,是天一觀的道長。 經(jīng)常有香客問我伟端,道長杯道,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮党巾,結(jié)果婚禮上萎庭,老公的妹妹穿的比我還像新娘。我一直安慰自己齿拂,他們只是感情好驳规,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著署海,像睡著了一般吗购。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上砸狞,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天捻勉,我揣著相機(jī)與錄音,去河邊找鬼刀森。 笑死踱启,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的研底。 我是一名探鬼主播埠偿,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼榜晦!你這毒婦竟也來了冠蒋?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤乾胶,失蹤者是張志新(化名)和其女友劉穎抖剿,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體识窿,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡牙躺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了腕扶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片孽拷。...
    茶點(diǎn)故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖半抱,靈堂內(nèi)的尸體忽然破棺而出脓恕,到底是詐尸還是另有隱情,我是刑警寧澤窿侈,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布炼幔,位于F島的核電站,受9級特大地震影響史简,放射性物質(zhì)發(fā)生泄漏乃秀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望跺讯。 院中可真熱鬧枢贿,春花似錦、人聲如沸刀脏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽愈污。三九已至耀态,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間暂雹,已是汗流浹背首装。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留杭跪,地道東北人簿盅。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像揍魂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子棚瘟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內(nèi)容