flutter - 根据用户输入在 ListVIew 的容器内的 TextFormField() 中更新 Text()

Question

我是新来的，并且对上述内容有一个......挑战。

我从 FireStore 中检索有关多个对象/文档的数据并创建一个 ListView。

逻辑或缺乏逻辑如下所示：

Container
    StreamBuilder
         ListView
             Container
                 Rows, Columns, Text and whatever to display each document from StreamBuilder.

此 ListView 包含多个 Container，其中每个 Container 显示来自一个对象的数据。在每个 Container 中都有一个 TextFormField，它需要一个 double。基于这个值，我想在同一个容器中更改一个 Text() - 一个计算。

这可能吗？如果是这样 - 如何？我知道我可以以某种方式使用 TextEditController，但是计算的结果将是可编辑的。或者？

return new ListView(//
  children: getMedicationItem(asyncSnapshot
    shrinkWrap: true,
    children: asyncSnapshot.data.documents.map((DocumentSnapshot document) {
      MyObject object = new MyObject(document, integerValue);
      backgroundColor = !backgroundColor;
      return new Container(
        color: backgroundColor? Colors.black26: Colors.white,
          child: new Row(
            children: <Widget>[
              new Flexible(
                child: TextFormField(
                  onChanged: (text) {
                    double calculation = 0.0;
                    if (text.length > 0)
                      calculation = double.tryParse(text) * 23;
                    **UPDATE "$calculation" in Text() below** 
                  },
                  keyboardType: TextInputType.number,
                  inputFormatters: [_decimal_validator],
                )
              ),
              new Flexible(
                child: Text("$calculation"),
              )
            ]
          ),
        );
      }
    ).toList(),
  )
);

Answer 1

您需要做的就是使用 asetState告诉 Flutter 该变量已更改，并且您希望重建使用它的任何 Widget：

if (text.length > 0){
  setState((){
    calculation = double.tryParse(text) * 23;
  });
}