在Flutter中从TextFormField添加多个值

时间:2020-08-12 15:55:45

标签: flutter dart flutter-test

我正在寻找有关从TextFormField添加不同值的帮助,我正在使用可重用的小部件来生成textformfields,我想添加将由用户输入并在一张卡中显示的值。对此的任何帮助将不胜感激。

这是TextFormField,通过可重用的小部件中的单独类生成。

`

TextFormField(
        onChanged: (value) {
          value = value;
        },
        decoration: InputDecoration(
          labelText: labelText,
          border: OutlineInputBorder(),
        ),
        keyboardType: keyboardType,
        validator: (value) {
          if (value.isEmpty) {
            return '$labelText Should Not Be Empty';
          }
          return null;
        },
      ),`

这就是我实现ResuableTextFields的方式,

ReusableTextField(
                  labelText: 'Work Date',
                  keyboardType: TextInputType.datetime),

1 个答案:

答案 0 :(得分:0)

首先在您所在的州定义一个表单键

class _LoginScreenState extends State<LoginScreen> {
  final _formKey = GlobalKey<FormState>();
.
.
.
}

然后将您的密钥分配给表单

Form(
        key: _formKey,

然后创建诸如_text之类的变量,并将其分配给诸如textpfields之类的

onSaved: (String val) {
                _text= val;
              },

然后在表单上定义一个按钮,然后单击该按钮保存表单,然后分配所有变量,然后就可以使用它们

onPressed: () {
                if (_formKey.currentState.validate()) {
                  _formKey.currentState.save();
                }
              }