ReactNative

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

这样后基本没再收到用户反馈截断问题

具体实现例子可以参考我的项目里的一个源文件

Text组件

上一篇下一篇

猜你喜欢

热点阅读