ReactNative自定义车牌号输入框及键盘实现

项目背景

目前使用ReactNative技术重构公司的原生Android应用,很多场景是和公司的需求密切相关的，开发中也遇到不少问题。

比如项目中使用的即时聊天解决方案是采用融云，推送采用的是个推方案。

原生方面有融云提供的一整套解决方案，包括功能和UI,相对来说，只要进行集成就能轻松添加功能，但对于跨平台方案就需要自定义uI了，我的另一篇推文中也提到了这个问题。

项目遇到了一个修改车牌号的功能，而且功能的样式及UI功能要与产品要求及设计符合，参考了一下安卓同事的成品设计，想到以后需要进行跨平台及兼容性的问题，从代码的维护性方面，决定采用纯js的方式，并参考了其他大佬的解决方案，最终实现了如下的UI及功能实现。

项目中用到了自定义的车牌号及键盘,按照公司需求做了部分优化处理，现在做个记录，页面展示及效果如下：

动态使用效果，b站视频

github地址：https://github.com/wayne214/VehicleTextInput