![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React-Native
文章平均质量分 54
火星第一帅
不能改变世界,那就改变自己!
展开
-
RN中view循环列表分割线时有时无的解决方法
前奏相信很多使用react-native开发app的朋友都有过这样的经力,使用View循环渲染的列表,有时候无法显示分割线,可明明都加的是borderBottomColor 和borderBottonWidth,还是有一些不显示,真实汗颜~,废话不多讲,安排~解决方案:通过多次排查,发现我们在样式中加了高度height,并且用了封装的px2dp像素转换的方法,导致计算出现了偏差,这时候主要不去使用px2dp即可解决问题!px2dp方法:const { width: screenWidt原创 2022-03-02 14:16:00 · 371 阅读 · 0 评论 -
react native TextInput输入限制字数长度在安卓和iOS设备上部分系统键盘输入问题
安卓和iOS很多机型上在输入汉字的过程中会出现将字母(拼音)先输入到输入框中参与计算,一般情况下不会有问题,但如果要做字数限制时问题就出现了。例如,限制只能输入10个字符。大部分人的做法是给TextInput加MaxLength={10}来限制字数,这看起来也十分合情合理,没有任何怀疑,毕竟这是官方提供的属性方法。但恰恰是这个属性导致在输入时出现超界问题。比如下图中,当先输入6个汉字,再输入2个字“测试”的时候,拼音字母 "cesh" 参与计算,已经达到了限制的10个字符,因此导致无法输入10个汉字就不能在原创 2022-01-21 11:39:14 · 4386 阅读 · 2 评论 -
封装react-native组件开源到npm
前奏做前端也有一段时间了,封装了大大小小很多的组件,至今自己都有点想不起来了有哪些了,但都是在项目代码里面。如果想跨项目使用,要用的时候需要一个个项目去翻找,还必须copy代码过去,着实头痛。近期,恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然,公司使用的内网,这里是我经过修改后,开源后方便自己之余以供大家参考。tips: 这里将采用第三方的插件(react-native-create-library)来进行快速集成(毕竟重复造轮子的事情,不是我们这些懒原创 2022-01-19 18:53:18 · 2291 阅读 · 0 评论 -
完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题
完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题原创 2022-01-17 19:36:23 · 2261 阅读 · 1 评论 -
react-native处理部分安卓机型中文文字显示不全问题
相信和我一样使用react-native开发app的朋友,都会遇到很多兼容问题。那么大家有没有遇到过小米10手机上<Text></Text>组件中的文字 显示不全(结尾的文字 不显示)的问题。这个问题困扰了我整整一个多月,也召集过组内人员进行头脑风暴,大家绞尽脑汁、上各大搜索引擎,技术论坛“求教”,最终终于在Stack Overflow找到了答案。废话少说,直接上干货。有两种方式可以解决此问题:第一种:(不推荐)这是一种笨办法,就是每个<Text>测试 &原创 2021-03-26 23:05:41 · 1724 阅读 · 0 评论