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...