最近我的项目开发中遇到一个Android的适配问题，共事的红米手机K20pro上我的项目App中局部页面上的文本显示不全，比方上面这样
共事的手机降级到了最新的miui12, 默认的手机字体是小米兰亭pro,正好我这边有个小米8的测试机，前两天也降级到了最新的MIUI12零碎，同样的页面在小米8上显示失常。
遇到这种问题的确让人头大，怎么办？搞呗。
在GitHub上react-native我的项目中搜寻相干问题，上面是就是对相干问题的探讨issues,感兴趣的敌人能够去看看。Github相干问题：issues，发现不只是局部小米手机会呈现此问题， 局部oppo，one plus, lG, 三星及google手机上也会呈现相似问题。
解决方案：
1.文字开端增加空格
Example: {empIDText + " "}before it was like: {empIDText}2.设置text组件的fontFamily
<Text style={{fontFamily: ""}}>3. 设置text组件的textBreakStrategy
无关textBreakStrategy的('simple', 'highQuality', 'balanced')的不同之处，能够参考stack overflow上的问题：What is the difference between simple, highQuality, balanced for textBreakStrategy property in React Native?
<Text key={node.key} textBreakStrategy="simple">{node.content}</Text>4.全局设置text组件的fontFamily
import React, { Component } from 'react';import { View, Platform, Text } from 'react-native';const defaultFontFamily = { ...Platform.select({ android: { fontFamily: '' } })};const oldRender = Text.render;Text.render = function(...args) { const origin = oldRender.call(this, ...args); return React.cloneElement(origin, { style: [defaultFontFamily, origin.props.style] });};通过改写笼罩 Text 组件 的 render，实现批改字体全局配置，代码放到入口文件，比方 app.js 外面就能够了。
这种计划会全局改掉字体，笼罩零碎默认字体，这样不会笼罩默认字体，出问题的 Text 组件也能够显示失常~
总结，前3中计划须要在每个出问题的 Text 组件设置，如果比拟多，就不是很灵便，也比拟繁琐；第3中计划就能够一劳永逸的解决这个问题了。
感觉文章不错的，给我点个赞哇，关注一下呗！技术交换可关注微信公众号【君伟说】，加我好友一起探讨
VX交换群：wayne214（备注技术交换）邀你入群，抱团学习共提高