React 实现车牌键盘的示例代码


Posted in Javascript onDecember 20, 2019

vehicle-plate-keyboard

React 实现的车牌键盘。

https://github.com/LiuuY/vehicle-plate-keyboard

? Features

省份 + 字母/数字 + '港澳学警领'

新能源车牌

自动判断当前位置可输入字符类型

? Demo

Demo

React 实现车牌键盘的示例代码

? Screenshots

React 实现车牌键盘的示例代码

React 实现车牌键盘的示例代码

React 实现车牌键盘的示例代码

? Installation

yarn add vehicle-plate-keyboard

? Usage

import LicenseKeyboard from 'vehicle-plate-keyboard';
import 'vehicle-plate-keyboard/dist/main.css';

...

<LicenseKeyboard
  visible={state.showKeyboard}
  onChange={value => setState({ value })}
  value={state.value}
  done={() => setState({ showKeyboard: false })}
/>

API

props type description
visiable boolean keyboard visible
onChange (value: string) => void trigger when user tap
value string controlled value
done () => void trigger when keyborad dismiss
confirmButtonStyle React.CSSProperties confirm button style
confirmButtonText string confirm button text
cellTextStyle React.CSSProperties keycell style
safeArea boolean show safearea

? License

MIT License

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery cookie操作代码
Mar 14 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
javascript实现微信分享
Dec 23 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
Mar 26 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
深入详解JS函数的柯里化
Jun 09 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 #jQuery
JavaScript实现简单计算器功能
Dec 19 #Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 #Javascript
js通过循环多张图片实现动画效果
Dec 19 #Javascript
JS实现水平移动与垂直移动动画
Dec 19 #Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 #Javascript
d3.js实现图形拖拽
Dec 19 #Javascript
You might like
Phpbean路由转发的php代码
2008/01/10 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
PHP获取一个字符串中间一部分字符的方法
2014/08/19 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
jQuery判断数组是否包含了指定的元素
2015/03/10 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
js实现随机点名小功能
2017/08/17 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
Python中字典映射类型的学习教程
2015/08/20 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
小学生通知书评语
2014/12/31 职场文书
2015年乡镇卫生院工作总结
2015/04/22 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
pandas求平均数和中位数的方法实例
2021/08/04 Python
java executor包参数处理功能 
2022/02/15 Java/Android