InputNumber 数字输入框

仅允许输入标准数字格式的输入框。

实现原理

使用 TextField 嵌套 Row、IconButton 等组件实现数字输入、步进控制、范围限制等功能。

基础用法

使用 value 和 onChanged 属性来实现数字输入框的基本功能。

步进幅度和范围限制

使用 step、min、max 属性来控制数字的步进幅度和范围限制。

可清空

使用 clearable 属性来启用清空功能。

前缀和后缀

使用 prefix 和 suffix 属性来添加输入框的前缀和后缀。

自定义图标

使用 decreaseIcon 和 increaseIcon 属性来自定义增减按钮的图标。

禁用和只读

使用 disabled 和 readOnly 属性来控制输入框的禁用和只读状态。

不同尺寸

使用 size 属性来定义输入框的尺寸，支持 small、medium、large 三种尺寸。

按钮位置

使用 controlsPosition 属性来控制增减按钮的位置。

自定义样式

使用 colorType、customColor、customHeight 等属性来自定义输入框的样式。

API

InputNumber 属性

属性名	说明	类型	默认值
value	绑定值	`double?`	-
onChanged	值改变时触发	`(double?) => void`	-
step	步进幅度	`double`	`1`
min	最小值	`double?`	-
max	最大值	`double?`	-
size	输入框尺寸	`ESizeItem`	`ESizeItem.medium`
disabled	是否禁用	`bool`	`false`
readOnly	是否只读	`bool`	`false`
clearable	是否可清空	`bool`	`false`
prefix	输入框前缀	`Widget?`	-
suffix	输入框后缀	`Widget?`	-
decreaseIcon	减少按钮图标	`Widget?`	-
increaseIcon	增加按钮图标	`Widget?`	-
controlsPosition	控制按钮位置	`EInputNumberControlsPosition`	`EInputNumberControlsPosition.right`
colorType	颜色类型	`EColorType?`	-
customColor	自定义颜色	`Color?`	-
customHeight	自定义高度	`double?`	-
customFontSize	自定义字体大小	`double?`	-
customBorderRadius	自定义圆角	`double?`	-

InputNumber 事件

事件名	说明	参数
onChanged	值改变时触发	`(double?) => void`
onFocus	输入框获得焦点时触发	`() => void`
onBlur	输入框失去焦点时触发	`() => void`

</rewritten_file>

InputNumber 数字输入框 ​

实现原理 ​

基础用法 ​

步进幅度和范围限制 ​

可清空 ​

前缀和后缀 ​

自定义图标 ​

禁用和只读 ​

不同尺寸 ​

按钮位置 ​

自定义样式 ​

API ​

InputNumber 属性 ​

InputNumber 事件 ​