Question

通常，我可以禁用/灰色按钮，直到TextFormField遇到类似这样的颤动中的某些参数：

TextFormField(
controller: _controller
value: (value)
)

SubmitButton(
onPressed: _controller.text.isNotEmpty ? _submit : null;
)

但是当编译为网站时，Button似乎不再意识到控制器的值...

我尝试了几种不同的定位方式，例如_controller.value.text.isEmpty和_controller.text.isEmpty ...

我猜我正在丢失某些东西，或者这种方法对于网络来说是不可能的...还有其他方法可以得到相同的结果吗？

Answer 1

说实话，您的代码也不应该在flutter mobile中工作，但由于显示或隐藏时屏幕键盘会导致小部件重建，因此可能有效。要解决此问题，我们必须使用带有状态变量的有状态小部件，例如canSubmit，并使用onChange方法在textField的侦听器setState中对其进行更新。然后，每次文本更改时，我们的有状态小部件都会更新“提交”按钮。

class Page extends StatefulWidget {
  @override
  _PageState createState() => _PageState();
}

class _PageState extends State<Page> {
  bool canSubmit;

  @override
  void initState() {
    canSubmit = false;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              onChanged: (value) {
                setState(() {
                  canSubmit = value.isNotEmpty;
                });
              },
            ),
            RaisedButton(
              onPressed: canSubmit ? _submit : null,
              child: Text('Submit'),
            )
          ],
        ),
      ),
    );
  }

  void _submit() {
    print('Submitted');
  }
}

Flutter-web TextFormField问题

1 个答案: