flutter - 如何从另一个输入动态更新文本值

Question

第一次使用Flutter移动项目。
输入字段输入时如何动态更改文本值？

例如，文本中显示的默认值是0.00。现在，用户输入数字1，然后文本值应立即更改为1。

这是我的显示文字

              Consumer<Settings>(
                builder: (context, settings, child) => Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: <Widget>[

                    Text(
                      'TOTAL ${_getGrandTotal(_formData.items)}',
                      style: Theme.of(context).textTheme.headline5,
                    ),
                  ],
                ),
              ),

我的inputformfield

            Consumer<Settings>(
                builder: (context, settings, child) => Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: <Widget>[
                    Expanded(
                      child: Container(
                        margin: EdgeInsets.only(right: 5),
                        child: TextFormField(
                          initialValue: _formData.total ?? '0.00',
                          decoration: TextFormField.decoration(
                            labelText: Localizations.of(context)
                                .text('label_total'),
                          ),
                          onChanged: (String value) async {
                          _getGrandTotal(value);

                        },
                      ),
                    ),
                  ],
                ),
              ),

Answer 1

您需要先使用StatefulWidget，然后在setState(() {})的onChanged中使用TextFormField。像这样:

TextFormField(
    initialValue: _formData.total ?? '0.00',
    decoration: TextFormField.decoration(
        labelText: Localizations.of(context).text('label_total'),
    ),
    onChanged: (String value) {
        setState(() {
          _formData.total = value;
        });
    },
),

然后， setState将导致您的窗口小部件重建，并呈现最新值。