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

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

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

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

最佳答案

输出:

创建一个变量

var _controller = TextEditingController();

还有你的 TextField:

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

https://stackoverflow.com/questions/48927928/

相关文章:

android - 如何在 FlatButton 单击时关闭 AlertDialog?

dart - 无法更改 TextField 边框颜色

java - Flutter.io Android 许可证状态未知

dart - Flutter - 如何在 AppBar 不存在时设置状态栏颜色

flutter - 检查 Flutter 应用上是否有可用的 Internet 连接

dart - 如何在 Flutter 中设置主屏幕的背景颜色?

flutter - 如何更改 appBar 后退按钮颜色

dart - Flutter:如何解决错误导入包:http/http.dart

flutter - 如何在 Flutter Widget(Center Widget)的子属性中使用

dart - 如何在 Flutter 中旋转 15 度?