原始碼
效果圖:
核心code:
widget build(buildcontext context) ',
width: 22,
height: 22,
),text(this.title,
style: this.titlestyle ??
new textstyle(
color: color(0xff333333),
fontsize: 14.0,
)),expanded(
child: container(
padding: edgeinsets.only(left: 16, right: 16),
child: text(this.content,
textalign: this.textalign,
overflow: textoverflow.ellipsis,
style: this.contentstyle ??
new textstyle(
fontsize: 14.0,
color: color(0xffcccccc),
)),),
),//這裡為了方便用了系統icon 可以設定一張arrow 的
// image.asset(
// '',
// width: 16,
// height: 16,
// )
this.isshowarrow
? icon(
icons.arrow_forward_ios,
size: 16,
): container(),
],),
),);
}
封裝了乙個簡單的小控制項,支援設定左側的和文字,右側的文字和箭頭是否顯示,預設顯示下面的橫線
test code:
selecttextitem(
title: '密保手機號',
content: '131****3987',
textalign: textalign.end,
contentstyle: new textstyle(
fontsize: 15,
color: color(0xff333333),
),),
Flutter開發 寫乙個漂亮的導航欄
在ios中,你要寫乙個漂亮的導航欄,如果想要自己定製,那是需要花點時間的,甚至可能你要完全重寫,而且導航欄中存在很多你設定後不生效的東西,對於初學者,甚至入門三四年的人的來說,依然是乙個噩夢。而在flutter中,flutter為我們提供了豐富的元件,你可以選擇像在ios裡那樣自定義乙個view,來...
Flutter學習三之搭建乙個簡單的專案框架
在android中,如果要實現這樣的ui框架,有很多中實現方式,常用的就是乙個activity裡面配合多個fragment來實現。但是在flutter中並沒有activity和fragment的元件。flutter中沒有頁面的概念,只有widget,widget不僅可以用來表示控制項,也可以用來表示...
Flutter最佳入門方式 寫乙個計算器
工作以來,我在學習新知識的時候,常常與在應試教育階段被傳授的方法作鬥爭 把書本的內容100 複製到腦中才算學會嗎?不會被使用或者不常用的知識,花費大量功夫去記憶才算完美嗎?flutter的入門文件給予了我很大的啟發,它並沒有把api文件或者是整個框架的內容直接展現給初學者,而是通過乙個簡單的計數器例...