Flutter學(xué)習(xí)筆記1-Widgets劃分

Widgets劃分

按狀態(tài):

  • StatelessWidget(有Widget build)
  • StatefulWidget(返回一個新建的State)
  • State(操作狀態(tài)掏秩,Widget build來渲染StatefulWidget里獲取的內(nèi)容)

按內(nèi)容

1. 基礎(chǔ) Widgets
2.Material Components Widgets





3. Cupertino (iOS風(fēng)格) Widgets
4. 布局Widgets
4.1 擁有單個子元素的布局widget

Container: 一個擁有繪制、定位印荔、調(diào)整大小的 widget攻询。

Padding: 一個widget, 會給其子widget添加指定的填充

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

Align: 一個widget从撼,它可以將其子widget對齊,并可以根據(jù)子widget的大小自動調(diào)整大小钧栖。

FittedBox: 按自己的大小調(diào)整其子widget的大小和位置低零。

AspectRatio: 一個widget,試圖將子widget的大小指定為某個特定**的長寬比

ConstrainedBox: 對其子項施加附加約束的widget

Baseline: 根據(jù)子項的基線對它們的位置進(jìn)行定位的widget拯杠。

FractionallySizedBox: 一個widget掏婶,它把它的子項放在可用空間的一小部分。關(guān)于布局算法的更多細(xì)節(jié)潭陪,見RenderFractionallySizedOverflowBox

IntrinsicHeight: 一個widget气堕,它將它的子widget的高度調(diào)整其本身實際的高度

IntrinsicWidth:一個widget,它將它的子widget的寬度調(diào)整其本身實際的寬度

LimitedBox: 一個當(dāng)其自身不受約束時才限制其大小的盒子

Offstage:一個布局widget畔咧,可以控制其子widget的顯示和隱藏茎芭。

OverflowBox: 對其子項施加不同約束的widget,它可能允許子項溢出父級誓沸。

SizedBox: 一個特定大小的盒子梅桩。這個widget強制它的孩子有一個特定的寬度和高度。如果寬度或高度為NULL拜隧,則此widget將調(diào)整自身大小以匹配該維度中的孩子的大小宿百。

SizedOverflowBox: 一個特定大小的widget,但是會將它的原始約束傳遞給它的孩子洪添,它可能會溢出垦页。

Transform: 在繪制子widget之前應(yīng)用轉(zhuǎn)換的widget。

CustomSingleChildLayout: 一個自定義的擁有單個子widget的布局widget

4.2 擁有多個子元素的布局widget

Row: 在水平方向上排列子widget的列表干奢。

Column: 在垂直方向上排列子widget的列表痊焊。

Stack: 可以允許其子widget簡單的堆疊在一起

IndexedStack: 從一個子widget列表中顯示單個孩子的Stack

Flow: 一個實現(xiàn)流式布局算法的widget

Table: 為其子widget使用表格布局算法的widget

Wrap: 可以在水平或垂直方向多行顯示其子widget。

ListBody: 一個widget,它沿著一個給定的軸薄啥,順序排列它的子元素

ListView: 可滾動的列表控件辕羽。ListView是最常用的滾動widget,它在滾動方向上一個接一個地顯示它的孩子垄惧。在縱軸上刁愿,孩子們被要求填充ListView。

CustomMultiChildLayout: 使用一個委托來對多個孩子進(jìn)行設(shè)置大小和定位的小部件

4.3 Layout helpers

LayoutBuilder: 構(gòu)建一個可以依賴父窗口大小的widget樹到逊。

5. 其它控件

文本: Text铣口、RichText、DefaultTextStyle

資源: Image觉壶、Icon脑题、RawImage、AssetBundle

表單: Form掰曾、FormField、RawKeyboardListener

動畫和Motion: 略

交互模型: LongPressDraggable停团、GestureDetector旷坦、DragTarget、Dismissible佑稠、IgnorePointer秒梅、AbsorbPointer、Navigator舌胶、Scrollable

樣式: Padding捆蜀、Theme、MediaQuery

繪制和視覺效果: Opacity幔嫂、Transform辆它、DecoratedBox、FractionalTranslation履恩、RotatedBox锰茉、ClipOval、ClipPath切心、ClipRect飒筑、CustomPaint、BackdropFilter

異步: FutureBuilder绽昏、StreamBuilder

可滾動: ListView协屡、NestedScrollView、GridView全谤、SingleChildScrollView肤晓、Scrollable、Scrollbar、CustomScrollView材原、NotificationListener沸久、ScrollConfiguration、RefreshIndicator

輔助功能: 略

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末余蟹,一起剝皮案震驚了整個濱河市卷胯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌威酒,老刑警劉巖窑睁,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異葵孤,居然都是意外死亡担钮,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進(jìn)店門尤仍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來箫津,“玉大人,你說我怎么就攤上這事宰啦∷找#” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵赡模,是天一觀的道長田炭。 經(jīng)常有香客問我,道長漓柑,這世上最難降的妖魔是什么教硫? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮辆布,結(jié)果婚禮上瞬矩,老公的妹妹穿的比我還像新娘。我一直安慰自己锋玲,他們只是感情好丧鸯,可當(dāng)我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嫩絮,像睡著了一般丛肢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上剿干,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天蜂怎,我揣著相機與錄音,去河邊找鬼置尔。 笑死杠步,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播幽歼,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼朵锣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了甸私?” 一聲冷哼從身側(cè)響起诚些,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎皇型,沒想到半個月后诬烹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡弃鸦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年绞吁,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唬格。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡家破,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出购岗,到底是詐尸還是另有隱情汰聋,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布藕畔,位于F島的核電站马僻,受9級特大地震影響庄拇,放射性物質(zhì)發(fā)生泄漏注服。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一措近、第九天 我趴在偏房一處隱蔽的房頂上張望溶弟。 院中可真熱鬧,春花似錦瞭郑、人聲如沸辜御。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽擒权。三九已至,卻和暖如春阁谆,著一層夾襖步出監(jiān)牢的瞬間碳抄,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工场绿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留剖效,地道東北人。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像璧尸,于是被迫代替她去往敵國和親咒林。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,947評論 2 355

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

  • 更多信息請查看flutter layout Layouts Sigle-child layout widgets ...
    one_cup閱讀 28,929評論 1 17
  • 翻譯自“Auto Layout Guide”爷光。 1 入門 1.1 理解自動布局 自動布局根據(jù)視圖層級結(jié)構(gòu)中視圖上的...
    lakerszhy閱讀 3,584評論 3 26
  • 本文主要介紹了Flutter布局相關(guān)的內(nèi)容垫竞,對相關(guān)知識點進(jìn)行了梳理,并從實際例子觸發(fā)瞎颗,進(jìn)一步講解該如何去進(jìn)行布局件甥。...
    Q吹個大氣球Q閱讀 9,748評論 6 51
  • 總結(jié) 布局的計算過程 如果設(shè)置了最小尺寸(或者最小尺寸提示)、最大尺寸哼拔,則組件獲取的空間不能超過這些限制 如果沒有...
    勤勞的悄悄閱讀 1,540評論 0 0
  • 上午開完會引有,和小伙伴們,一起過了個有意義的的六一倦逐,特別開心譬正,吃這童年的辣條,喝這AD蓋檬姥。下午我沒休息要了曾我,要了一下...
    無言勿演勿言_ea95閱讀 160評論 0 2