flutter 學習筆記之寫乙個通用的設定頁面

2021-09-25 02:56:41 字數 1272 閱讀 4901

原始碼

效果圖:

核心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文件或者是整個框架的內容直接展現給初學者,而是通過乙個簡單的計數器例...