vercoder_inputer

Enter the verification code received by the phone or other device.
一个基于flutter的验证码输入框控件.

Demo

控制用户精准输入长度.

Features

  • x 可以自定义验证码长度
  • x 当全部输入完成后,会自动调用协议方法,通过代理返回验证码及上下文context
  • x 可以通过verCode属性获取输入的验证码
  • x 用户自定义控件的尺寸

Version

nameVercodeEditText
latest0.3.9

Usage

1.第一步,在你的pubspec.yml声明

   dependencies:
     vercoder_inputer: ^0.3.9

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

Libraries

WGQVerCodeInputer