Flutter 中如何使用 TextEditingController？

推荐答案

在 Flutter 中，TextEditingController 用于控制 TextField 或 TextFormField 的文本内容。以下是使用 TextEditingController 的基本步骤：

1. 创建 TextEditingController 实例：

   TextEditingController _controller = TextEditingController();

2. 将 TextEditingController 绑定到 TextField 或 TextFormField：

   TextField(
     controller: _controller,
     decoration: InputDecoration(labelText: 'Enter your text'),
   );

3. 获取或设置文本内容：

   • 获取文本内容：

     String text = _controller.text;

   • 设置文本内容：

     _controller.text = 'New text';

4. 监听文本变化：

   _controller.addListener(() {
     print('Text changed: ${_controller.text}');
   });

5. 释放资源（在 State 的 dispose 方法中）：

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

本题详细解读

1. 创建 TextEditingController 实例

TextEditingController 是一个用于管理 TextField 或 TextFormField 文本内容的类。通过创建其实例，可以控制文本的输入、获取和修改。

2. 绑定到 TextField 或 TextFormField

将 TextEditingController 实例绑定到 TextField 或 TextFormField 的 controller 属性上，这样控制器就可以管理该输入框的文本内容。

3. 获取或设置文本内容

• 获取文本内容：通过 _controller.text 可以获取当前输入框中的文本。
• 设置文本内容：通过 _controller.text = 'New text' 可以设置输入框中的文本内容。

4. 监听文本变化

通过 addListener 方法，可以监听文本内容的变化。每当文本发生变化时，监听器会被触发，可以在其中执行相应的逻辑。

5. 释放资源

在 State 的 dispose 方法中调用 _controller.dispose()，以释放 TextEditingController 占用的资源，避免内存泄漏。

通过以上步骤，你可以在 Flutter 中有效地使用 TextEditingController 来管理和控制文本输入。