Divider的構(gòu)造方法
成都創(chuàng)新互聯(lián)公司長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為博愛企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì),博愛網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
可以看出Divider組件只有5個(gè)屬性,一目了然,使用也非常簡單
indent: 起點(diǎn)縮進(jìn)距離
endIndent: 終點(diǎn)縮進(jìn)距離
color: 分割線顏色
height: 分割線區(qū)域的高度,并非分割線的高度
thickness: 分割線的厚度,真正的分割線的高度
注意:
1.當(dāng)height為null的時(shí)候會(huì)去查看 DividerThemeData.space的高度,如果同樣為null,則默認(rèn)分割線區(qū)間為16
2.如果不設(shè)置thickness的高度,分割線默認(rèn)為1px且居中顯示
3.如果想設(shè)置真實(shí)的分割線高度,需要把height和thickness設(shè)置為一樣高即可。
4.flutter還提供了豎直方向上的分割線組件VerticalDivider,用法一至,不在贅述。
Demo
一個(gè)widget,它沿著一個(gè)給定的軸,順序排列它的子元素
注意點(diǎn):
最后這幾個(gè)組件怎么使用看需求選擇最適合的就行。
Flutter(5):基礎(chǔ)組件之Row/Column
Flutter(33):Material組件之ListTile、RefreshIndicator、ListView、Divider
下一節(jié):Layout組件之CustomMultiChildLayout
數(shù)據(jù)表顯示表格數(shù)據(jù),需要設(shè)置行和列
這個(gè)需要設(shè)置屬性color,可以實(shí)現(xiàn)勾選狀態(tài)與非勾選狀態(tài)下背景色的改變
下一節(jié):Material組件之LinearProgressIndicator/CircularProgressIndicator
[img]