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

封装了一个简单的textfield:

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

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

(1)

(2)

(3)

(4)

test code:

MyTextField(

​ focusNode: _nodeName,

​ placeHolder: '请输入账号',

​ maxLength: 11,

​ keyboardType: TextInputType.phone,

​ controller: _nameController,

​ ),

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...