TextField - 文本框
class MyTextField extends StatefulWidget{
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return MyText();
}
}
class MyText extends State<MyTextField> {
final textController = TextEditingController();
@override
void dispose() {
super.dispose();
textController.dispose();
}
@override
void initState() {
// TODO: implement initState
super.initState();
textController.text = "hi";
textController.addListener((){
textController.text = "23";
});
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return TextField(
controller: textController,
onSubmitted: (value) => {
},
decoration: InputDecoration(
icon: Icon(Icons.add_a_photo),
hintText: "請(qǐng)輸入什么東1西",
helperText: "什么東西",
labelText: "呵呵",
// border: InputBorder.none
border: OutlineInputBorder()
),
);
}
}
Form - 表單
TextFormField - 表單輸入框
RaisedButton - 表單按鈕
class MyFormTextField extends StatefulWidget{
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return MyField();
}
}
class MyField extends State<MyFormTextField> {
final key = GlobalKey<FormState>();
bool auto = false;
String userName,passWord;
void save(){
if(key.currentState.validate()){
key.currentState.save();
Scaffold.of(context).showSnackBar(
SnackBar(
content: Text("hehe"),
)
);
}else{
auto = true;
}
}
String checkPhone(String value){
if(value.isEmpty){
return "enter phone";
}
}
String checkPassword(String value){
if(value.isEmpty){
return "enter password";
}
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return Form(
key: key,
child: Column(
children: <Widget>[
TextFormField(
decoration: InputDecoration(
labelText: "userName"
),
onSaved: (value){
userName = value;
},
validator: checkPhone,
autovalidate: auto,
),
TextFormField(
decoration: InputDecoration(
labelText: "passWord"
),
onSaved: (value){
passWord = value;
},
validator: checkPassword,
autovalidate: auto,
),
Container(
margin: EdgeInsets.all(20),
width: double.infinity,
child: RaisedButton(
color: Theme.of(context).primaryColor,
child: Text("提交"),
onPressed: save,
),
)
],
),
);
}
}
Flutter入門 - 表單
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門泣栈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人秩霍,你說我怎么就攤上這事蚁阳。” “怎么了螺捐?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長赔癌。 經(jīng)常有香客問我,道長峡谊,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任既们,我火速辦了婚禮正什,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘斯棒。我一直安慰自己主经,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開白布穗酥。 她就那樣靜靜地躺著,像睡著了一般迷扇。 火紅的嫁衣襯著肌膚如雪爽哎。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼委粉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贾节?” 一聲冷哼從身側(cè)響起衷畦,我...
- 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎戴差,沒想到半個(gè)月后送爸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡墨吓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年帖烘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了橄杨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布察绷,位于F島的核電站,受9級(jí)特大地震影響拆撼,放射性物質(zhì)發(fā)生泄漏丹泉。R本人自食惡果不足惜摹恨,卻給世界環(huán)境...
- 文/蒙蒙 一娶视、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肪获,春花似錦、人聲如沸较木。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽致开。三九已至,卻和暖如春虹蒋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背魄衅。 一陣腳步聲響...
- 正文 我出身青樓沮榜,卻偏偏與公主長得像盘榨,于是被迫代替她去往敵國和親草巡。 傳聞我的和親對(duì)象是個(gè)殘疾皇子型酥,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- DatePick 和 Timepick 在 Flutter 里面沒有對(duì)應(yīng)的控件。只是提供兩個(gè)函數(shù):showDate...
- ImagePicker 圖片選擇器 首先在 pubspec.yaml 添加依賴 Ios 在文件夾 ios/Runn...
- Flutter是什么? Flutter是一款移動(dòng)應(yīng)用程序SDK,一份代碼可以同時(shí)生成iOS和Android兩個(gè)高性...
- Radio 屬性 value radio 的取值 groupValue radio 組的取值勒虾。value == g...