React 实现车牌键盘的示例代码
vehicle-plate-keyboard
React 实现的车牌键盘。
https://github.com/LiuuY/vehicle-plate-keyboard
💡 Features
省份 + 字母/数字 + '港澳学警领'
新能源车牌
自动判断当前位置可输入字符类型
🚗 Demo
Demo
📷 Screenshots
📦 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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
上一篇:Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
栏 目:JavaScript
下一篇:使用JavaScript计算前一天和后一天的思路详解
本文标题:React 实现车牌键盘的示例代码
本文地址:https://www.xiuzhanwang.com/a1/JavaScript/9446.html
您可能感兴趣的文章
- 04-02java后端代码分页 java后端实现分页page
- 01-10Echarts实现单条折线可拖拽效果
- 01-10在Vue项目中使用Typescript的实现
- 01-10js实现上传图片并显示图片名称
- 01-10Vue中使用Lodop插件实现打印功能的简单方法
- 01-10echarts实现折线图的拖拽效果
- 01-10d3.js实现图形缩放平移
- 01-10小程序简单两栏瀑布流效果的实现
- 01-10H5实现手机拍照和选择上传功能
- 01-10Echarts实现多条折线可拖拽效果
阅读排行
本栏相关
- 04-02javascript点线,点线的代码
- 04-02javascript潜力,javascript强大吗
- 04-02javascript替换字符串,js字符串的替换
- 04-02javascript移出,js 移入移出
- 04-02包含javascript舍的词条
- 04-02javascript并行,深入理解并行编程 豆瓣
- 04-02javascript匿名,js匿名方法
- 04-02javascript警报,JavaScript警告
- 04-02javascript遮盖,JavaScript遮盖PC端页面
- 04-02javascript前身,javascript的前身
随机阅读
- 01-10SublimeText编译C开发环境设置
- 08-05DEDE织梦data目录下的sessions文件夹有什
- 08-05dedecms(织梦)副栏目数量限制代码修改
- 01-10使用C语言求解扑克牌的顺子及n个骰子
- 08-05织梦dedecms什么时候用栏目交叉功能?
- 01-10C#中split用法实例总结
- 01-11Mac OSX 打开原生自带读写NTFS功能(图文
- 04-02jquery与jsp,用jquery
- 01-11ajax实现页面的局部加载
- 01-10delphi制作wav文件的方法