Flutter TextField点击触发页面重启及InputConnection警告导致应用崩溃求助

我看到你碰到了点击TextField后控制台弹出beginBatchEdit on inactive InputConnection这类警告，随后应用直接关闭的问题，咱们先从你的代码里揪出核心问题：

问题根源 #

你在onChanged回调里手动执行了_controller.text = value;——这完全是画蛇添足！TextField组件本身会自动把用户输入的内容同步到绑定的TextEditingController里，你强行手动赋值会打乱输入系统的连接状态，导致InputConnection失效，进而触发这些警告，最终引发应用崩溃。

修复方案 #

直接删除onChanged里的_controller.text = value;这行代码就行。如果需要监听输入内容的变化，有两种更安全的方式：

1. 保留onChanged回调：直接使用回调传入的value做逻辑处理，不需要修改controller的text：

onChanged: (value) {
  // 这里直接用value做你需要的操作，比如实时校验、状态更新等
  print("当前输入内容：$value");
},

2. 使用controller的监听：如果不需要在每次输入时立即处理，或者需要更灵活的监听时机，可以给_controller添加监听器：

@override
void initState() {
  super.initState();
  _controller.addListener(() {
    // 这里可以获取_controller.text的最新值
    print("当前输入内容：${_controller.text}");
  });
}

@override
void dispose() {
  _controller.dispose(); // 别忘了销毁controller
  super.dispose();
}

修改后的完整代码示例 #

TextField(
  controller: _controller,
  keyboardType: TextInputType.url,
  autofocus: false,
  textAlignVertical: TextAlignVertical.center,
  onChanged: (value) {
    // 这里只做你需要的业务逻辑，不要修改_controller.text
    print("用户输入了：$value");
  },
  onEditingComplete: null,
  onSubmitted: null,
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(80),
    ),
    filled: true,
    fillColor: Colors.grey.shade50.withOpacity(0.8),
    hintText: "Search",
    suffixIcon: IconButton(
      icon: Icon(
        Icons.close_rounded,
        size: 30,
      ),
      onPressed: () {
        _controller.text.isEmpty ? print("Nothing is edited") : _controller.clear();
      },
    ),
  ),
);

额外排查点 #

如果修复后还是有问题，可以检查以下几点：

• 确保包含TextField的页面在用户输入时没有被意外dispose（比如路由跳转、状态变化导致页面销毁）
• 确认_controller是在initState里初始化的，并且在dispose里正确销毁
• 尝试去掉autofocus: false（虽然这个一般不会导致这类问题，但可以排除干扰）

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