reactnative 中关于小米文案的被截断的处理方案

处理方案有多种，简单的来说最好的处理方法，当然是改原生的text，但是由于是兼容性问题，在google还有iphone系列的手机没有这个问题，所以还是根据实际问题实际做兼容性适配。

问题出现的现象：对于可变字体的text，截断现象特别明显

截断现象一:

在listView 这些里面使用text，由于text的字符串长度大小是会随着下发的数量进行相对应的改变的，从而导致截断。

截断现象二：

给text设置了固定宽度和高度。导致文案截断。

截断现象三：

在ScrollView使用一个text去显示一个段落，当字符数量过度的时候，最后两段被截断了。

总结：对于可变字体基本上都存在字体被截断的风险

分析问题：

在解决问题之前先打开设置-》更多设置-》开发者选项-》显示布局边界  

        

比如上面，订单详情里面的参与信息，如果没有numberOfLines={1}的话，那么基本上“参与时间”的时间点就会被截断，但是在其他手机比如iphone手机或者nexus手机上可能不会有阶段现象，所以开发人员在写的时候，最后每写一个界面之后就开启‘调试边界’，查看那些text是可以变得，是由服务端下发下来的，那如果这些text

不能像右边这样遗落很大的空间一般都会发生文字截断现象。

常用解决思路：

第一种：左边不可变右边可变，

处理思路：（1），给可变的text设置flex = 1 或者 两个text在同一行设置一个flex : flex = 2: 3，（2）字符串连接成一个text显示，可以显示一个text就显示一个不用显示在一行显示多个

比如上面的订单详情中，”订单信息”和”参与信息”就是做了这样的处理

第二种：左边可变，右边不可变， (左右不变中间变)

处理思路: 使用paddingRight来代替marginRight

比如晒单链表现在的处理方式。

总结：先打开开发者选项-》显示布局边界-》凡是会发生改变的JDText场景，在提测前，先做容灾处理。