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的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
jquery 年会抽奖程序
Dec 22 Javascript
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
Vue.js鼠标悬浮更换图片功能
May 17 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
vue+axios+mock.js环境搭建的方法步骤
Aug 28 Javascript
Jquery动态列功能完整实例
Aug 30 jQuery
深入详解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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
php图像处理类实例
2015/07/28 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
JavaScript中的this实例分析
2011/04/28 Javascript
jquery中ajax学习笔记3
2011/10/16 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
jquery+javascript编写国籍控件
2015/02/12 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
ligerUI---ListBox(列表框可移动的实例)
2017/11/28 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
JS使用for in有序获取对象数据
2020/05/19 Javascript
DJANGO-ALLAUTH社交用户系统的安装配置
2014/11/18 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
python实现快递价格查询系统
2020/03/03 Python
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
应届毕业生求职信范文分享
2013/12/26 职场文书
一年级小学生评语
2014/04/22 职场文书
主题教育活动总结
2014/05/05 职场文书
公证书格式
2015/01/23 职场文书
中学生逃课检讨书
2015/02/17 职场文书