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 相关文章推荐
xml 与javascript结合的问题解决方法
Mar 24 Javascript
JavaScript 产生不重复的随机数三种实现思路
Dec 13 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
js上传图片预览的实现方法
May 09 Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
详解JavaScript数据类型和判断方法
Sep 04 Javascript
vue实现井字棋游戏
Sep 29 Javascript
echarts饼图各个板块之间的空隙如何实现
Dec 01 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
jQuery蓝色风格滑动导航栏代码分享
2015/08/19 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
2018/01/26 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
pandas DataFrame的修改方法(值、列、索引)
2019/08/02 Python
详解python破解zip文件密码的方法
2020/01/13 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
python输出数学符号实例
2020/05/11 Python
C#笔试题和英文面试题
2013/02/07 面试题
党员学习十八大感想
2014/01/17 职场文书
2016天猫双十一广告语
2016/01/28 职场文书
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript