Flutter AlertDialog中TextField非空时errorText提示不消失

showDialog 生成的弹窗属于独立的Overlay路由，不在外层HomeScreen的组件树范围内。你在TextField的onChanged回调中调用的是外层_HomeScreenState的setState方法，只会触发外层主页面的UI重建，完全不会刷新弹窗内部的组件，所以_errortext计算属性始终拿不到最新的输入内容，错误提示会一直停留在界面上。

不需要重构整体代码，直接用StatefulBuilder包裹AlertDialog内容，获取弹窗独立的状态刷新入口，替换原来的外层setState调用即可。
修正后的openDialog方法代码如下：

void openDialog() {
  showDialog(
    context: context,
    builder: (context) => StatefulBuilder(
      builder: (context, setDialogState) {
        return AlertDialog(
          title: const Text('Enter Your name here'),
          content: TextField(
            controller: txtname,
            onChanged: (value) {
              // 调用弹窗内部的状态刷新方法，触发Dialog内UI重建
              setDialogState(() {});
            },
            decoration: InputDecoration(
              hintText: 'Enter Name',
              errorText: _errortext,
            ),
          ),
          actions: [
            TextButton(
              onPressed: () {
                // 补充提交逻辑：校验通过才更新外层数据、关闭弹窗
                if (_errortext == null) {
                  setState(() {
                    name = txtname!.text.trim();
                  });
                  Navigator.pop(context);
                }
              },
              child: const Text('Submit'),
            ),
          ],
        );
      },
    ),
  );
}

额外优化提示 #

• 如果弹窗交互逻辑比较复杂，更推荐把弹窗内容抽离为独立的StatefulWidget，避免和外层页面状态耦合，可维护性更高。
• 原代码中的错误提示文案存在拼写错误：Cant be emtpy 正确拼写为 Can't be empty。

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