flutter - 通过另一个 TextFormField 更改 TextFormField 的值

Question

当用户输入第一个 TextFormField 时，我试图更改第二个 TextFormField 的值。

TextEditingController txt1  = TextEditingController();
TextEditingController txt2  = TextEditingController();

  new Container(
    child: new TextFormField(
      controller: txt1,
      autovalidate: true,
      keyboardType: TextInputType.number,
      validator: (value){
        if(value.isEmpty){
          txt2.text = "0";
          return 'Please enter value';
        }else{
          txt2.text = ((10/100)*value).toString();
        }
      },
    )
  ),
  new Container(
    child: new TextFormField(
      controller: txt2,
      enabled: false
    )
  ),

它工作正常。但是在运行控制台中我看到了以下错误信息

"setState() or markNeedsBuild() called during build"

Answer 1

建议的方法是使用 listener - 但代码中的另一种简短方法是使用 future。

你所拥有的工作代码:

child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new Expanded(
              child: new TextFormField(
            controller: txt1,
            autovalidate: true,
            keyboardType: TextInputType.number,
            validator: (value) {
              if (value.isEmpty) {
                Future.value(Duration(seconds: 1)).whenComplete(() {   // Add this
                  txt2.text = "0";
                });
                return 'Please enter value';
              } else {
                Future.value(Duration(seconds: 1)).whenComplete(() {  //Add this
                  txt2.text = ((10 / 100) * int.parse(value)).toString();
                });
                return null;
              }
            },
          )),
          Expanded(child: TextFormField(controller: txt2, enabled: false)),
        ],
      ),