Flutter中TextFormField退出页面后内容未重置的问题求助

问题根源在于TextEditingController实例在页面退出后仍保留着之前的输入内容，再次进入页面时没有被清空。以下是几种实用的解决方法：

方法一：页面初始化时清空控制器内容 #

如果注册页面是StatefulWidget，在页面初始化的生命周期方法中主动清空控制器内容：

class RegisterPage extends StatefulWidget {
  @override
  _RegisterPageState createState() => _RegisterPageState();
}

class _RegisterPageState extends State<RegisterPage> {
  late TextEditingController _emailController;
  late TextEditingController _passwordController;

  @override
  void initState() {
    super.initState();
    // 初始化控制器
    _emailController = TextEditingController();
    _passwordController = TextEditingController();
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 每次进入页面时清空输入内容
    _emailController.clear();
    _passwordController.clear();
  }

  @override
  void dispose() {
    // 销毁控制器，释放资源
    _emailController.dispose();
    _passwordController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          TextFormFieldWidget(_emailController, const Icon(Icons.email), "邮箱", false, context),
          TextFormFieldWidget(_passwordController, const Icon(Icons.lock), "密码", true, context),
        ],
      ),
    );
  }
}

方法二：用户退出页面时清空内容 #

通过WillPopScope监听页面返回事件，在用户退出前清空输入内容：

@override
Widget build(BuildContext context) {
  return WillPopScope(
    onWillPop: () async {
      // 用户点击返回按钮时清空内容
      _emailController.clear();
      _passwordController.clear();
      return true; // 允许页面返回
    },
    child: Scaffold(
      body: Column(
        children: [
          TextFormFieldWidget(_emailController, const Icon(Icons.email), "邮箱", false, context),
          TextFormFieldWidget(_passwordController, const Icon(Icons.lock), "密码", true, context),
        ],
      ),
    ),
  );
}

方法三：避免全局共享控制器 #

不要将TextEditingController设置为全局变量或在父组件中持久持有，每个页面的控制器由自身创建和销毁。这样页面销毁后控制器资源被释放，再次进入时会重新初始化空的控制器，自然不会保留之前的输入内容。

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