You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中AutoComplete组件选中选项后如何清空输入框文本

解决方案

你已经在IntroForm3Controller中提前定义了TextEditingController,只需要把Autocomplete组件默认提供的输入控制器替换成你自己的即可,两步修改就能实现需求:

  1. 修改fieldViewBuilder配置,不用Autocomplete传入的默认textController,绑定你自己的控制器:
fieldViewBuilder: (context, _, focusNode, onFieldSubmitted) {
  // 占位符_代表不需要使用Autocomplete默认提供的textController
  return TextField(
    controller: controller.textController, // 绑定你Controller中预先定义的控制器
    focusNode: focusNode,
    autofillHints: diseases,
  );
},
  1. 在onSelected回调中直接清空你自己的控制器内容即可:
onSelected: (String selection) {
  controller.mySelectedOptionsList.add(selection);
  // 新增这行清空输入框
  controller.textController.clear();
},

内容的提问来源于stack exchange,提问作者Hemabh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 17:54:04