Flutter页面跳转返回后TextField文本消失问题求助

常见原因及修复方案 #

1. 确保TextEditingController持久化初始化 #

如果messageController是在build方法内初始化的，页面重建（比如返回当前页时）会重新创建新的控制器，导致之前的输入丢失。

正确实现方式：
将控制器声明为State类的成员变量，并在initState中初始化，同时记得在dispose中销毁以避免内存泄漏：

class _YourPageState extends State<YourPage> {
  late final TextEditingController messageController;

  @override
  void initState() {
    super.initState();
    messageController = TextEditingController();
  }

  @override
  void dispose() {
    messageController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 你的页面构建代码
  }
}

2. 阻止页面被强制重建 #

如果使用GoRouter，部分路由配置可能导致跳转返回时页面被重新实例化。可以通过两种方式解决：

• 采用支持状态保持的路由配置（如StatefulShellRoute）
• 使用AutomaticKeepAliveClientMixin强制页面保留状态：

class _YourPageState extends State<YourPage> with AutomaticKeepAliveClientMixin {
  late final TextEditingController messageController;

  @override
  bool get wantKeepAlive => true;

  @override
  void initState() {
    super.initState();
    messageController = TextEditingController();
  }

  @override
  void dispose() {
    messageController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    super.build(context); // 必须调用此方法
    return Scaffold(
      // 页面内容
    );
  }
}

3. 手动保存恢复输入内容（兜底方案） #

如果上述方法无效，可以在跳转前主动保存输入文本，返回后重新赋值给控制器：

ListTile(
  onTap: () async {
    final savedText = messageController.text;
    await Navigator.of(context).push(MaterialPageRoute(builder: (context) => ...));
    messageController.text = savedText;
  },
  // 其他代码
)

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