flutter中的formMap
时间: 2024-05-07 10:20:22 浏览: 34
在 Flutter 中,FormMap 是一个 Map 类型的对象,它通常用于存储表单字段的值。表单字段可以是文本输入框、单选框、复选框等等。FormMap 的 key 是表单字段的名称,value 是表单字段的值。在使用 FormMap 时,我们可以通过设置表单字段的名称来获取其值,或者通过设置表单字段的名称来更新其值。
下面是一个使用 FormMap 存储表单字段值的示例代码:
```dart
class MyForm extends StatefulWidget {
@override
_MyFormState createState() => _MyFormState();
}
class _MyFormState extends State<MyForm> {
final _formMap = <String, dynamic>{};
@override
Widget build(BuildContext context) {
return Form(
child: Column(
children: [
TextFormField(
decoration: InputDecoration(labelText: 'Name'),
onChanged: (value) => setState(() => _formMap['name'] = value),
),
TextFormField(
decoration: InputDecoration(labelText: 'Email'),
onChanged: (value) => setState(() => _formMap['email'] = value),
),
RaisedButton(
child: Text('Submit'),
onPressed: () => print(_formMap),
),
],
),
);
}
}
```
在上面的示例中,我们使用 FormMap 存储了两个表单字段的值:name 和 email。当表单字段的值发生变化时,我们使用 onChanged 回调函数将其更新到 FormMap 中。最后,当用户点击 Submit 按钮时,我们打印出 FormMap 的值。
相关推荐
![epub](https://img-home.csdnimg.cn/images/20210720083646.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)