项目背景
目前使用ReactNative技术重构公司的原生Android应用,很多场景是和公司的需求密切相关的,开发中也遇到不少问题。
比如项目中使用的即时聊天解决方案是采用融云,推送采用的是个推方案。
原生方面有融云提供的一整套解决方案,包括功能和UI,相对来说,只要进行集成就能轻松添加功能,但对于跨平台方案就需要自定义uI了,我的另一篇推文中也提到了这个问题。
项目遇到了一个修改车牌号的功能,而且功能的样式及UI功能要与产品要求及设计符合,参考了一下安卓同事的成品设计,想到以后需要进行跨平台及兼容性的问题,从代码的维护性方面,决定采用纯js的方式,并参考了其他大佬的解决方案,最终实现了如下的UI及功能实现。
项目中用到了自定义的车牌号及键盘,按照公司需求做了部分优化处理,现在做个记录,页面展示及效果如下:
动态使用效果,b站视频
github地址:https://github.com/wayne214/VehicleTextInput
推荐阅读:
--- End ---
君伟说
本文分享自微信公众号 - 君伟说(wayne90214)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。