应使用StatelessWidget还是StatefulWidget？需销毁TextEditingController

• 当前写法的核心问题：StatelessWidget的build方法会在组件依赖变化、父组件重建等多种场景下重复执行，每次执行都会创建新的TextEditingController。这会引发两个关键问题：一是TextField的输入内容会频繁被重置，严重影响用户体验；二是旧的控制器实例无法被销毁，会造成内存泄漏。

• StatefulWidget的必要性：只有StatefulWidget的State类提供了dispose生命周期方法，能在组件从Widget树中移除时正确调用controller.dispose()释放资源。同时，你可以在initState方法中初始化控制器，确保它只会被创建一次，避免输入状态丢失。

修改后的代码示例：

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late TextEditingController _controller;

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: TextField(controller: _controller),
      ),
    );
  }
}

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