React-Native 安卓 文字截断 文字看不全 解决方案
2020-10-14 本文已影响0人
potato_2bbf
React-Native 安卓 文字截断解决方案, iOS没有发现有问题
在安卓10之后, 部分系统例如OPPO、小米、一加文字出现截断问题严重, 三星系统则没有出现过, 基本都是是英文和数字结尾的Text出现问题.
这问题花了很多时间去查issue和真机实践后总结了一下:
保证每个Text组件, RN > 0.60, 小于这个版本可能不存在这个问题
1) 基本样式都有 fontFamily: '' , 你没看错, 至少得有个字体为空, 也不影响用户自定义字体
2) 属性至少有 textBreakStrategy='simple'
3) 属性至少有 numberOfLines={0} , 意思就是你不设置也要搞个初始值0
这样后基本没再收到用户反馈截断问题
具体实现例子可以参考我的项目里的一个源文件