0

我正在开发一个纸牌游戏评分应用程序,但我有一个似乎无法解决的错误。希望这里有人看到我的错误,或者可以指出潜在的修复。我有这样的输入,您可以在其中输入每个玩家的得分。它只不过是一列带有保存球员姓名的 Text() 和用于输入/编辑分数的 TextFormField() 的行。

显示应用程序中的乐谱输入/编辑对话框的图像

这是该行的代码:

              child: TextFormField(
                key: Key(p.name),
                keyboardType: TextInputType.number,
                initialValue: p.getRoundScore(round)?.toString() ?? '',
                inputFormatters: [LengthLimitingTextInputFormatter(3)],
                validator: (value) {
                  print('validate => ${p.name} : $value');
                  int score = int.tryParse(value);
                  return (score == null && value != null) ? "Must be a number" : null;
                },
                onChanged: (value) {
                  print('onChange => ${p.name} : $value');
                  setState(() {
                    int score = int.parse(value);
                    if (round == 9) score *= 2; // Queens round
                    if (round == 10) score *= 3; // Kings round
                    p.updateScore(round, score);
                  });
                },
              ),

如果我输入分数,例如 John =2、Hannah=1、Tias=2 和 Eric=0,然后单击保存按钮,我会从 print()s 中获得以下输出:

I/flutter (32660): onChange => John : 2
I/flutter (32660): onChange => Hannah : 1
I/flutter (32660): onChange => Tias : 2
I/flutter (32660): onChange => Eric : 0
I/flutter (32660): validate => John :
I/flutter (32660): validate => Hannah :
I/flutter (32660): validate => Tias :
I/flutter (32660): validate => Eric :

应用程序中的验证输出显示每个字段的错误:

显示带有验证错误的相同分数输入对话框的图像

[编辑]在此处添加保存按钮的代码以确保完整性:

   if (_formKey.currentState.validate()) {
      _formKey.currentState.save();
      debugPrint(playerToJson(players));
      Navigator.of(context).pop();
  }                                  }                                  

我在这里想念什么?我可以尝试删除 onChange 并转而使用 TextController 但这会增加复杂性,因为您可以拥有 3-6 名玩家,而且我必须拥有多个控制器才能使其工作......对于我来说,它们似乎也有点矫枉过正需要做的。

我不确定为什么传递给验证器()的“值”总是一个空字符串,我做错了什么吗?这是一个错误吗?有一个更好的方法吗?

4

2 回答 2

0

也许您应该使用 Form-Widget 包装所有 TextFormFields 并使用全局键来管理表单。另请参阅颤振验证教程中的步骤 1

于 2020-11-24T17:53:27.317 回答
0

好的,经过更多的挖掘,似乎以某种方式拥有 onChange 导致了我的问题。尽管来自 Google 和其他人的所有示例都表明这是完全可以接受的,但当我注释掉 onChange 时,验证器会为每个字段获取传递给它的正确值。这实际上效果很好,因为我真的应该在验证值之后才将值保存到我的模型中,所以我只是将该逻辑移到验证器中。现在一切正常。

于 2020-11-24T18:55:16.970 回答