flutter - 如何将清除按钮添加到 TextField 小部件

Question

有没有合适的方法向 TextField 添加清除按钮？

就像这张来自 Material 设计指南的图片:

我发现是在InputDecoration的suffixIcon中设置一个明确的IconButton。这是正确的方法吗？

Answer 1

输出:

创建一个变量

var _controller = TextEditingController();

还有你的 TextField:

TextField(
  controller: _controller,
  decoration: InputDecoration(
    hintText: 'Enter a message',
    suffixIcon: IconButton(
      onPressed: _controller.clear,
      icon: Icon(Icons.clear),
    ),
  ),
)