美文网首页ReactNative
React-Native 安卓 文字截断 文字看不全 解决方案

React-Native 安卓 文字截断 文字看不全 解决方案

作者: potato_2bbf | 来源:发表于2020-10-14 14:10 被阅读0次

    React-Native 安卓 文字截断解决方案, iOS没有发现有问题

    在安卓10之后, 部分系统例如OPPO、小米、一加文字出现截断问题严重, 三星系统则没有出现过, 基本都是是英文和数字结尾的Text出现问题.

    这问题花了很多时间去查issue和真机实践后总结了一下:

    
    保证每个Text组件, RN > 0.60, 小于这个版本可能不存在这个问题
    
        1) 基本样式都有 fontFamily: '' , 你没看错, 至少得有个字体为空, 也不影响用户自定义字体
    
        2) 属性至少有 textBreakStrategy='simple' 
    
        3) 属性至少有 numberOfLines={0} , 意思就是你不设置也要搞个初始值0
    
    

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

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

    Text组件

    相关文章

      网友评论

        本文标题:React-Native 安卓 文字截断 文字看不全 解决方案

        本文链接:https://www.haomeiwen.com/subject/yqqwpktx.html