flutter-autocomplete-textfield

An autocomplete Textfield for flutter
授权协议 MIT License
开发语言 Java
所属分类 手机/移动开发、 Android UI 组件
软件类型 开源软件
地区 不详
投 递 者 璩浩广
操作系统 Android
开源组织
适用人群 未知
 软件概览

autocomplete_textfield

An autocomplete textfield for flutter

pull requests

Feel free to submit pull requests for desired changes / features / bug fixes... It makes the maintenance of this code much easier as I no longer use Flutter frequently.

Pub Package Can Be Found At

Pub Package

Breaking Changes

TextField is set by default to call onSubmitted on a suggestion tap and also to clear the TextField on submit.

These can both be disabled with submitOnSuggestionTap and clearOnSubmit respectively.

Usage

AutoCompleteTextField supports any data type suggestions

new AutoCompleteTextField<YOURDATATYPE>()

The suggestions parameter must have data that matches <YOURDATATYPE>

A global key of type GlobalKey<AutoCompleteTextFieldState<T>> is required so that the clear() method can be called to clear AutoCompleteTextField.

Strings and itemFilter

Filtering is case sensitive so when using strings a common implementation of itemFilter is .
itemFilter: (item, query) { return item.toLowerCase().startsWith(query.toLowerCase()); }

  • 1.TextField常用的属性 属性         解释 maxLength 文本的输入长度 maxLines 文本输入的行数 textAlign 输入框内内容剧中对齐 textDirection 文字从左向右还是从右向左 autofocus 自动获取焦点 obscureText 密文输入(如果是密文输入的话,maxLines只能是1). enabled 输入框是否可以输入 onChanged

  • TextFormField 就是输入框,支持不同的输入模式,比如邮箱,手机号,或者nunber autofocus //是否对焦 keyboardType //输入模式 initialValue //默认值 decoration InputDecoration TextFormField专门的输入边界 import 'package:demoflutter/utils/utlis.

  • textInputAction属性列表 textInputAction: TextInputAction.none, textInputAction: TextInputAction.unspecified, textInputAction: TextInputAction.done, textInputAction: TextInputAction.go, textInputAction: Te

  • 在Flutter 中,TextField 是一个用来输入 文本的 控件。使用起来也很简单,比如这样,就可以轻松实现一个 TextField 来接收用户的输入内容。 TextField(  decoration: const InputDecoration(    border: OutlineInputBorder(),    labelText: 'Contact Name',  ), ) 但

  •         ///键盘回车键的样式         /**          * none 为不弹出键盘          * unspecified 换行          * none 为不弹出键盘          * done 完成或者done          * go  前往或者go          * search 搜索或者search          * send  发送或

  • 当项目中需要给多项数据循环添加输入框时,这个时候需要去创建TextField并绑定controller的值。 解决方案一: 比如一个model: class Task{ … String remark;//要给每个添加的controller绑定的值 … String key;//唯一键 与数据无关 } 定义一个Map<String,TextEditingController>: Map<Strin

  • 先看定义 final ValueChanged<String>? onSubmitted; final VoidCallback? onEditingComplete; onSubmitted带有当前字符串,onEditingComplete是个空回调 再看源码 TextField的build内使用的是EditableText组件. 可定位到 _finalizeEditing方法 @pragma(

  • 干脆直接用container作边框。 TextField设置高度太麻烦了。 用户感觉的高度实际就是边框的高度, 用Container作TextField的border就可以了。   Container(      constraints: BoxConstraints(maxHeight: 56.h, minHeight: 56.h),       alignment: Alignment.cen

  • TextField设置isCollapsed = true 自定义InputField的InputDecoration的contentPadding 剩下的就交给文字行高了 TextField( controller: controller, isCollapsed: true, contentPadding: EdgeInsets.symme

  • Widget buildNumEditRenewalAmount(String title, String? content,       {double? titleW = 100, bool needBotLine = true, TextEditingController? controller, ValueChanged<String>? onChanged, String hint =

  • final TextEditingController _editingController = TextEditingController(); Container( child: TextField( controller: _editingController, ), ) setState(() { // _editingController.te

  • flutter中获取TextField的值需要通过TextEditingController,示例代码如下: TextEditingController emailController = new TextEditingController();//声明controller .... TextField( controller: emailController,//指定contro

 相关资料
  • function getCarData() { return [ ["BMW", 2017, "black", "black"], ["Nissan", 2018, "blue", "blue"], ["Chrysler", 2019, "yellow", "black"], ["Volvo", 2020, "white", "gray"] ];

  • 描述 (Description) Widget AutoComplete函数可以与JqueryUI中的小部件一起使用。自动完成小部件在您输入字段时提供建议。假设将Ja作为输入,它将提供输出为Java或JavaScript。 语法 (Syntax) 以下是使用自动完成的简单语法 - $( "#tags" ).autocomplete({ source: availableTags }); 例

  • 这是一个在文本输入框中实现自动完成的jQuery插件。本站采用了该插件。 使用代码示例: $("#f_prj_name").autocomplete("/list_projects_of_prefix", {    minChars: 1,    width: 310,    matchContains: true,    autoFill: false,    formatItem: funct

  • AutoComplete 是一个 jQuery Mobile 的插件,用于实现在 jQuery Mobile 中的搜索框中提供自动完成的功能。

  • 主要内容:实例演示jQuery Autocomplete 插件根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符,插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符,用户可以过滤列表以获得更好的匹配。 该插件现在是 jQuery UI 的一部分,独立的版本不会再更新了。目前版本是 1.6。 访问 jQuery Autocomp

  • autocomplete属性规定自动完成功能,以帮助用户输入。该特性规定浏览器是否保存用户的输入值,以备将来使用。 如果开启该特性,则允许浏览器保存用户的输入,在用户开始输入时,浏览器会根据之前输入过的值来预测用户本次的输入。默认情形下,该属性处于打开状态。 为了保护敏感数据(如用户账户信息),避免本地浏览器对它们进行不安全存储,需要设置 autocomplete=off,来显式的关闭 autoc