【问题标题】:Add multiple values from TextFormField in flutter在颤动中从 TextFormField 添加多个值
【发布时间】:2020-12-02 10:14:10
【问题描述】:

我正在寻求一些关于从 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),

【问题讨论】:

  • 请多解释,你的问题不清楚,是什么问题?
  • 我有 textformfield,它将接受用户输入值,我需要将它们全部添加并显示结果。

标签: flutter dart flutter-test


【解决方案1】:

首先在你的状态下定义一个表单键

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

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

Form(
        key: _formKey,

然后创建像 _text 这样的变量并将它们分配给您的文本表单字段,如

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

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

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

【讨论】:

    猜你喜欢
    • 2023-03-17
    • 2020-10-11
    • 2019-09-26
    • 2019-10-26
    • 1970-01-01
    • 1970-01-01
    • 2020-08-01
    • 2021-04-03
    • 1970-01-01
    相关资源
    最近更新 更多