在Flutter中,可以通过使用TextEditingController来实现在TextFormField中输入文本时出现清除按钮的效果。下面是实现的步骤:
TextEditingController _controller = TextEditingController();
TextFormField(
controller: _controller,
decoration: InputDecoration(
suffixIcon: GestureDetector(
onTap: () {
_controller.clear();
},
child: Icon(Icons.clear),
),
),
)
通过以上步骤,当用户在TextFormField中输入文本时,会在输入框的右侧显示一个清除按钮。当用户点击清除按钮时,输入的文本会被清除。
这种实现方式可以提高用户体验,使用户可以方便地清除输入的文本。同时,这种功能在各种需要输入文本的场景中都可以使用,例如登录、注册、搜索等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云