在 Flutter 中，如何将多个文本编辑控制器链接到一个按钮？

Question

我想使用一个按钮清除三个不同文本字段中的文本，但我不知道如何操作。谢谢。

Answer 1

您可以将多个文本编辑控制器链接到 Flutter 中的一个按钮 。只需为每个文本字段创建一个 TextEditingController 并使用控制器属性连接它们。当按钮按下时，可以调用每个控制器的clear()方法来清除关联文本字段中的文本

这是一个代码示例

// Create text editing controllers
final TextEditingController controller1 = TextEditingController();
final TextEditingController controller2 = TextEditingController();
final TextEditingController controller3 = TextEditingController();

// Connect each controller to the respective text field
TextField(
  controller: controller1,
),
TextField(
  controller: controller2,
),
TextField(
  controller: controller3,
),

// Link the button to clear the text in all three text fields
ElevatedButton(
  onPressed: () {
    controller1.clear();
    controller2.clear();
    controller3.clear();
  },
  child: Text('Clear All'),
)