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: "请输入什么东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入门 - 表单
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- DatePick 和 Timepick 在 Flutter 里面没有对应的控件。只是提供两个函数:showDate...
- ImagePicker 图片选择器 首先在 pubspec.yaml 添加依赖 Ios 在文件夹 ios/Runn...
- Flutter是什么? Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性...
- Radio 属性 value radio 的取值 groupValue radio 组的取值。value == g...