创肥,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.
將 widgets 排列為可滾動(dòng)的網(wǎng)格.
將widget排列為可滾動(dòng)列表
使用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
將相關(guān)內(nèi)容放到帶圓角和投影的盒子中。
將最多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就可以用他們逾条。