OTPInput 验证码输入框
代码演示
基本用法
dart
OTPInput(
autoFocus: true,
value: model.value,
onChange: (v) => model.value = v,
),
自定义长度
dart
const OTPInput(length: 4, value: "123"),
间距
dart
const OTPInput(gutter: 10, value: "12345"),
隐藏文字
dart
const OTPInput(obsecure: true, value: "123"),
接收输入完成事件
dart
OTPInput(
obsecure: true,
value: "123",
onComplete: (chars) =>
ToastStatic.show(context, message: "Codes: $chars"),
),
API
Props | 类型 | 描述 |
---|---|---|
value | String | 当前值 |
length | int | 最大长度 |
gutter | double | 间距 |
obsecure | bool | 隐藏文本 |
autoFocus | bool | 自动聚焦 |
onChange | Function(String codes) | 值变化回调 |
onComplete | Function(String codes) | 输入到达长度时触发 |