vercoder_inputer 0.3.7 vercoder_inputer: ^0.3.7 copied to clipboard
Enter the verification code received by the phone or other device.
vercoder_inputer #
Enter the verification code received by the phone or other device.
一个基于flutter的验证码输入框控件.
Demo #
控制用户精准输入长度.
Features #
- 可以自定义验证码长度
- 当全部输入完成后,会自动调用回调,返回验证码及上下文context
- 可以通过verCode属性获取输入的验证码
- 用户自定义控件的尺寸
Version #
name | VercodeEditText |
---|---|
latest | 0.3.7 |
Usage #
1.第一步,在你的pubspec.yml声明
dependencies:
vercoder_inputer: ^0.3.7
2.添加引用
import 'package:vercoder_inputer/vercoder_inputer.dart';
...
3.在需要使用的页面创建控件,并声明遵守协议方法
class _MyHomePageState extends State < MyHomePage > implements InputerProtocol{
//实现协议方法
void didFinishedInputer(WGQVerCodeInputer inputer,BuildContext ctx,String verCode){
print("verCode is $verCode");
}
@override
Widget build(BuildContext context) {
//创建控件,并指明代理对象(delegate)
WGQVerCodeInputer verCodeInputer = WGQVerCodeInputer(codeLength: 6, size: Size(375.0, 48.0), delegate:this, );
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
body: Padding(
padding: EdgeInsets.only(top: 100.0),
child: verCodeInputer,
)
);
}
}
Contact me #
- Email: disburden@gmail.com
- blog: http://blog.wgq.name