Skip to content

Input 输入框

通过鼠标或键盘输入字符。

实现原理

使用 TextField 组件作为基础,通过 Container、Stack 等组件实现自定义样式和交互效果。

基础用法

使用 size 属性来定义输入框的尺寸。

查看代码

禁用状态

使用 disabledreadOnly 属性来定义输入框是否为禁用状态, 在样式展示上有些微区别。

查看代码

可清空

使用 clearable 属性来定义输入框是否可清空。

查看代码

自定义颜色

使用 colorTypecustomColor 属性来自定义输入框的颜色。

查看代码

默认颜色

使用 defaultColor 属性来定义输入框的默认边框颜色。

查看代码

占位符样式

使用 showPlaceholderOnTop 属性来控制占位符的显示样式。

查看代码

是否显示为密码

使用 password 控制是否显示为密码

查看代码

前缀和后缀

使用 prefixsuffix 属性来定义输入框的前缀和后缀。

查看代码

API

input 组件提供 onFocus, onBlur, onChanged 事件, 可以监听输入框的聚焦、失焦、输入内容变化时的回调。

查看代码

Input 属性

属性名说明类型默认值
textController输入框控制器TextEditingController-
placeholder输入框占位文本String''
clearable是否可清空booleanfalse
disabled是否禁用booleanfalse
passowrd是否为密码booleanfalse
readOnly是否只读booleanfalse
prefix输入框前缀Widget-
suffix输入框后缀Widget-
colorType输入框颜色类型EColorTypeEColorType.primary
customColor自定义颜色Color-
defaultColor默认边框颜色ColorEBasicColors.borderGray
size输入框尺寸ESizeItemESizeItem.medium
customHeight自定义高度double-
customFontSize自定义字体大小double-
customBorderRadius自定义圆角大小double-
showPlaceholderOnTop是否在顶部显示占位符booleanfalse

Input 事件

事件名说明参数
onChanged输入框内容变化时触发(String value) => void
onFocus输入框获得焦点时触发() => void
onBlur输入框失去焦点时触发() => void

</rewritten_file>

基于 MIT 协议发布