Flutter开发：如何实现用户输入文本后启用初始禁用的按钮

你现在遇到的按钮一直禁用的问题，核心bug非常明确：btnenabled 这个状态变量是直接写在build方法内部的局部变量。
Flutter的build方法每次重建都会从头完整执行一遍内部逻辑，也就是说哪怕你在输入框的onChanged回调里调用setState把btnenabled改成了true，只要触发页面重建，build方法第一行就会重新执行bool btnenabled = false;，直接把之前修改的状态覆盖回初始的禁用值，按钮当然永远点不动。

• 把btnenabled从build方法内部移出来，定义为State类的成员变量，让这个变量的生命周期和整个页面的State实例绑定，不会每次重建就被重置。
• 调整输入框的onChanged逻辑：不光要在有内容输入时开启按钮，当用户把输入框内容全部清空时，要自动把按钮切回禁用状态；建议对输入内容做首尾空格的清理判断，避免用户只敲了几个空格就把按钮激活的不良体验。
• 按钮的onPressed直接绑定这个类成员变量的状态即可，不需要额外做布尔值相等判断。

class _AddressPageState extends State<AddressPage> {
  // 状态变量定义在类成员位置，不放在build方法内部
  bool btnenabled = false;
  String _currentaddress = "";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.red,
        title: const Text('Address'),
      ),
      body: Column(
        children: <Widget>[
          // 保留你原有的其他布局组件
          TextFormField(
            onChanged: (newValue) {
              _currentaddress = '$addressJSON$newValue';
              // 去掉首尾空格后判断内容是否非空，更新按钮状态
              setState(() {
                btnenabled = newValue.trim().isNotEmpty;
              });
            },
          ),
          TextButton(
            style: TextButton.styleFrom(
              backgroundColor: Colors.blue[700],
              primary: Colors.white,
            ),
            child: const Text('next'),
            onPressed: btnenabled
                ? () => Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => const Summary()),
                  )
                : null,
          )
        ],
      ),
    );
  }
}

• 别把需要跨页面重建保存的状态变量塞在build方法里，局部变量的作用域只在单次build执行过程中，方法执行完就会被回收，根本存不住状态。
• 用Dart内置的字符串isNotEmpty属性替代手写的长度判断，代码更简洁，也不容易漏判边界场景。

内容的提问来源于stack exchange，提问作者Hee