Flutter中AutoComplete组件选中选项后如何清空输入框文本
解决方案
你已经在IntroForm3Controller中提前定义了TextEditingController,只需要把Autocomplete组件默认提供的输入控制器替换成你自己的即可,两步修改就能实现需求:
- 修改
fieldViewBuilder配置,不用Autocomplete传入的默认textController,绑定你自己的控制器:
fieldViewBuilder: (context, _, focusNode, onFieldSubmitted) { // 占位符_代表不需要使用Autocomplete默认提供的textController return TextField( controller: controller.textController, // 绑定你Controller中预先定义的控制器 focusNode: focusNode, autofillHints: diseases, ); },
- 在
onSelected回调中直接清空你自己的控制器内容即可:
onSelected: (String selection) { controller.mySelectedOptionsList.add(selection); // 新增这行清空输入框 controller.textController.clear(); },
内容的提问来源于stack exchange,提问作者Hemabh
相关产品推荐
相关产品推荐

