Views

创肥,1.TextField:https://blog.csdn.net/yuzhiqiang_1993/article/details/88204031

2.Text:https://blog.csdn.net/chenlove1/article/details/84574651

3.自定義Icon:https://segmentfault.com/a/1190000017978633?utm_source=tag-newest

一,標(biāo)準(zhǔn) widgets

Container:用在Text喘垂,TextField,Icon,Image,Row,Column等外層

添加 padding, margins, borders, background color, 或?qū)⑵渌b飾添加到widget.

GridView

將 widgets 排列為可滾動(dòng)的網(wǎng)格.

ListView

將widget排列為可滾動(dòng)列表

Stack

使用Stack來組織需要重疊的widget。widget可以完全或部分重疊底部widget强窖。

Stack summary:

用于與另一個(gè)widget重疊的widget

子列表中的第一個(gè)widget是base widget; 隨后的子widget被覆蓋在基礎(chǔ)widget的頂部

Stack的內(nèi)容不能滾動(dòng)

您可以選擇剪切超過渲染框的子項(xiàng)

二释树,Material Components

Card

將相關(guān)內(nèi)容放到帶圓角和投影的盒子中。

ListTile

將最多3行文字乡小,以及可選的行前和和行尾的圖標(biāo)排成一行

new ListTile(

title:new Text('CineArts at the Empire',

? ? ? style:new TextStyle(fontWeight: FontWeight.w500, fontSize:20.0)),

? subtitle:new Text('85 W Portal Ave'),

? leading:new Icon(

Icons.theaters,

? ? color: Colors.blue[500],//我們可以利用這個(gè)動(dòng)態(tài)更改 系統(tǒng)提供的icon的顏色阔加,太爽了

? ),

),

Container

許多布局會(huì)自由使用容器來使用padding分隔widget,或者添加邊框(border)或邊距(margin)满钟。您可以通過將整個(gè)布局放入容器并更改其背景顏色或圖片來更改設(shè)備的背景胜榔。

Container 概要 :

添加padding, margins, borders

改變背景顏色或圖片

包含單個(gè)子widget,但該子widget可以是Row湃番,Column夭织,甚至是widget樹的根

雖然Container很強(qiáng)大,可以定義margin和align吠撮,但是Flutter也有自己的Align尊惰,Padding和Center對象? 而且都有個(gè)child屬性就是為了給某些widget設(shè)置Align和Padding,功能比較針對性纬向,雖然Container都能實(shí)現(xiàn)择浊,但是復(fù)雜些,所以如果我們只是單一的需要Padding或者Align就可以用他們逾条。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末琢岩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子师脂,更是在濱河造成了極大的恐慌担孔,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吃警,死亡現(xiàn)場離奇詭異糕篇,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)酌心,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門拌消,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人安券,你說我怎么就攤上這事墩崩∶ビⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵鹦筹,是天一觀的道長铝阐。 經(jīng)常有香客問我,道長铐拐,這世上最難降的妖魔是什么徘键? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮遍蟋,結(jié)果婚禮上吹害,老公的妹妹穿的比我還像新娘。我一直安慰自己匿值,他們只是感情好赠制,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著挟憔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪烟号。 梳的紋絲不亂的頭發(fā)上绊谭,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音汪拥,去河邊找鬼达传。 笑死,一個(gè)胖子當(dāng)著我的面吹牛迫筑,可吹牛的內(nèi)容都是我干的宪赶。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼脯燃,長吁一口氣:“原來是場噩夢啊……” “哼搂妻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辕棚,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對情侶失蹤欲主,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后逝嚎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扁瓢,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年补君,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了引几。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡挽铁,死狀恐怖伟桅,靈堂內(nèi)的尸體忽然破棺而出敞掘,到底是詐尸還是另有隱情,我是刑警寧澤贿讹,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布渐逃,位于F島的核電站,受9級(jí)特大地震影響民褂,放射性物質(zhì)發(fā)生泄漏茄菊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一赊堪、第九天 我趴在偏房一處隱蔽的房頂上張望面殖。 院中可真熱鬧,春花似錦哭廉、人聲如沸脊僚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辽幌。三九已至,卻和暖如春椿访,著一層夾襖步出監(jiān)牢的瞬間乌企,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國打工成玫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留加酵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓哭当,卻偏偏與公主長得像猪腕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子钦勘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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