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 相关文章推荐
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
Feb 23 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
微信小程序 两种为对象属性赋值的方式详解
Feb 23 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
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
php中iconv函数使用方法
2008/05/24 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
常用简易JavaScript函数
2009/04/09 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
vue-devtools的安装步骤
2018/04/23 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
python logging类库使用例子
2014/11/22 Python
Python实现队列的方法
2015/05/26 Python
Python中规范定义命名空间的一些建议
2016/06/04 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
linux面试题参考答案(6)
2016/06/23 面试题
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
JSF的标签库有哪些
2012/04/27 面试题
委托书样本
2014/04/02 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
小学生关于梦想的演讲稿
2014/08/22 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
大学生团日活动总结
2015/05/06 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
Python操作CSV格式文件的方法大全
2021/07/15 Python
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android