跳到主要内容

InputNumber 数字输入

数字输入框组件,用于输入数字类型的数据。

何时使用

  • 需要输入数字时
  • 需要限制数字范围时
  • 需要步进调整数值时

代码演示

基础用法

import { InputNumber } from 'taro-uno';

function Demo() {
return <InputNumber defaultValue={3} />;
}

设置范围

import { InputNumber } from 'taro-uno';

function Demo() {
return <InputNumber min={1} max={10} defaultValue={3} />;
}

步进器

import { InputNumber } from 'taro-uno';

function Demo() {
return <InputNumber step={0.1} defaultValue={3} />;
}

API

属性说明类型默认值
value当前值number-
defaultValue默认值number-
min最小值number-Infinity
max最大值numberInfinity
step步进值number1
disabled是否禁用booleanfalse
onChange值变化回调(value: number) => void-

平台兼容性

微信小程序H5React Native鸿蒙