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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 Javascript
对于this和$(this)的个人理解
Sep 08 Javascript
Bootstrap布局组件应用实例讲解
Feb 17 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
vue设置导航栏、侧边栏为公共页面的例子
Nov 01 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
js 数组当前行添加数据方法详解
Jul 28 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 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
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
Laravel中log无法写入问题的解决
2017/06/17 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
vue自动化路由的实现代码
2019/09/30 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
让Python代码更快运行的5种方法
2015/06/21 Python
Python守护进程和脚本单例运行详解
2017/01/06 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
2018/04/18 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
Collection和Collections的区别
2016/05/02 面试题
JAVA和C++的区别
2013/10/06 面试题
最新远光软件笔试题面试题内容
2013/11/08 面试题
大专毕业生自我鉴定
2013/11/21 职场文书
我的未来不是梦演讲稿
2014/09/02 职场文书
团队会宣传标语
2014/10/09 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书