Skip to content

InputTag 标签输入框

用于输入和管理多个标签。

实现原理

基于 TextField 实现,结合标签渲染、增删、事件回调等功能。

自定义 tag 样式

通过 tagBuilder 属性自定义标签的渲染样式。

查看代码

自定义 prefix 和 suffix

通过 prefixsuffix 属性自定义输入框前后缀。

查看代码

最大标签数量

通过 max 属性限制可输入的标签数量。

查看代码

分隔符

通过 delimiter 属性自定义分隔符。

查看代码

触发方式

通过 trigger 属性设置添加标签的触发方式(如 enter 或 space)。

查看代码

saveOnBlur

通过 saveOnBlur 属性设置失去焦点时是否保存输入。

查看代码

可清空

通过 clearable 属性控制是否显示清除按钮。

查看代码

禁用和只读

通过 disabledreadOnly 属性控制输入框的禁用和只读状态。

查看代码

不同尺寸

通过 size 属性设置输入框尺寸。

查看代码

自定义样式

通过 customFontSizecustomHeightcustomBorderRadius 属性自定义样式。

查看代码

自定义颜色

通过 customColordefaultColor 属性自定义颜色。

查看代码

API/事件

展示所有常用事件和回调。

查看代码

API

InputTag 属性

属性名说明类型默认值
value标签值List<String>-
onChanged标签变化时回调(List<String>?) => void-
tagBuilder自定义标签渲染Widget Function(BuildContext, String)-
prefix输入框前缀Widget?-
suffix输入框后缀Widget?-
max最大标签数量int?-
delimiter分隔符String?-
trigger触发方式EInputTagTriggerspace
saveOnBlur失焦时是否保存输入booltrue
clearable是否可清空boolfalse
disabled是否禁用boolfalse
readOnly是否只读boolfalse
size输入框尺寸ESizeItemmedium
customFontSize自定义字体大小double?-
customHeight自定义高度double?-
customBorderRadius自定义圆角double?-
customColor自定义颜色Color?-
defaultColor默认颜色Color?-

InputTag 事件

事件名说明参数
onChanged标签变化时触发(List<String>?) => void
onFocus输入框获得焦点时触发() => void
onBlur输入框失去焦点时触发() => void
onAddTag添加标签时触发(String tag, List<String> value)
onRemoveTag移除标签时触发(String tag, List<String> value)
onClear清空标签时触发() => void

</rewritten_file>

基于 MIT 协议发布