flutter 学习笔记之封装一个textfield(倒计时获取验证码)

封装了一个简单的textfield:

  • maxLength:支持设置最大输入长度 默认长度16
  • isInputPwd:输入密码(掩码) 默认false
  • getVCode:获取验证码倒计时的输入框 countdown 倒计时秒数 默认60s
  • autoFocus:是否自动获得焦点 eg:进入搜索页面 一进页面就调起键盘
  • keyboardType: 键盘类型 eg:TextInputType.phone 只调取数字键盘
  • placeHolder:eg: 请输入账号
  • 输入内容后,支持一键删除
  • 密码输入支持显示(隐藏)

效果图如下 一个简单的登录页面:

(1)

flutter 学习笔记之封装一个textfield(倒计时获取验证码)

(2)

flutter 学习笔记之封装一个textfield(倒计时获取验证码)

(3)

flutter 学习笔记之封装一个textfield(倒计时获取验证码)

(4)

flutter 学习笔记之封装一个textfield(倒计时获取验证码)

test code:

MyTextField(

​ focusNode: _nodeName,

​ placeHolder: '请输入账号',

​ maxLength: 11,

​ keyboardType: TextInputType.phone,

​ controller: _nameController,

​ ),

上一篇:SwiftUI系列教程第1章第9节:TextField-SecureField


下一篇:Titanium Android中的TextField格式(填充)问题