40個flutter入門例項詳解 四

2021-10-06 20:55:47 字數 2552 閱讀 5240

17.表單

class formtestroute extends statefulwidget 

class _formtestroutestate extends state

),textformfield(

controller: _pwdcontroller,

decoration: inputdecoration(

labeltext: "密碼",

hinttext: "您的登入密碼",

icon: icon(icons.lock)

),//隱藏文字

obscuretext: true,

//校驗密碼

validator: (v)

),// 登入按鈕

padding(

padding: const edgeinsets.only(top: 28.0),

child: row(

children: [

expanded(

child: raisedbutton(

padding: edgeinsets.all(15.0),

child: text("登入"),

color: colors.red,

textcolor: colors.white,

onpressed: ()

},),

),],),)

],),

),),

);}}

效果:

18.線性進度條

// 線性進度條高度指定為3

sizedbox(

height: 3,

child: linearprogressindicator(

backgroundcolor: colors.grey[200],

valuecolor: alwaysstoppedanimation(colors.blue),

value: .5,

),),

效果:

19.線性布局

column(

//測試row對齊方式,排除column預設居中對齊的干擾

crossaxisalignment: crossaxisalignment.start,

children: [

row(

//row元件內居中對齊

mainaxisalignment: mainaxisalignment.center,

children: [

text(" hello world "),

text(" i am jack "),

],),

row(

mainaxissize: mainaxissize.min,

//如果mainaxissize值為mainaxissize.min,則此屬性無意義

mainaxisalignment: mainaxisalignment.center,

children: [

text(" hello world "),

text(" i am jack "),

],),

row(

//row元件內左對齊

mainaxisalignment: mainaxisalignment.end,

//text文字由右到左顯示

textdirection: textdirection.rtl,

children: [

text(" hello world "),

text(" i am jack "),

],),

row(

//row元件內底對齊

crossaxisalignment: crossaxisalignment.start,

//從低向頂排列

verticaldirection: verticaldirection.up,

children: [

text(" hello world ", style: textstyle(fontsize: 30.0),),

text(" i am jack "),

],),

],),

效果:

20.彈性布局

class flexlayouttestroute extends statelesswidget 

}

效果:

Zend Framework入門應用例項詳解

htaccess檔案 htaccess檔案用來實現url重置,即當使用者訪問某資源時,會將其重新定位到指定的檔案下。示例 其中,行1表示重置引擎www.cppcns.com開啟,行2表示www.cppcns.com當訪問除js ico gif jpg png css以外的檔案時,都將被重置到inde...

18個小例項入門SQLServer XML查詢

sql xml 入門 by erichu 1 xml 能認識元素 屬性和值 2 xpath 定址語言,類似windows目錄的查詢 沒用過dir命令的話就去面壁 語法格式,這些語法可以組合為條件 表示自己,表示父親,表示兒子,表示後代,name 表示按名字查詢,name 表示按屬性查詢 集合 條件 ...

18個小例項入門SQLServer XML查詢

sql xml 入門 by erichu 1 xml 能認識元素 屬性和值 2 xpath 定址語言,類似windows目錄的查詢 沒用過dir命令的話就去面壁 語法格式,這些語法可以組合為條件 表示自己,表示父親,表示兒子,表示後代,name 表示按名字查詢,name 表示按屬性查詢 集合 條件 ...