Flutter中可以使用TextField的"suffixIcon"属性实现这个功能。可以在TextField的"onChanged"回调中监听文本输入变化,根据文本长度是否大于0来判断是否显示清空按钮。可以使用"IconButton"组件来实现清空按钮。
示例代码如下:
TextField(onChanged: (text) {
setState(() {
_hasText = text.isNotEmpty;
});
},
suffixIcon: _hasText ? IconButton(
icon: Icon(Icons.clear),
onPressed: () {
setState(() {
_controller.clear();
_hasText = false;
});
},
) : null,
)