最近项目开发中遇到一个Android的适配问题，同事的红米手机K20pro上项目App中部分页面上的文本显示不全，比如下面这样
同事的手机升级到了最新的miui12, 默认的手机字体是小米兰亭pro,正好我这边有个小米8的测试机，前两天也升级到了最新的MIUI12系统，同样的页面在小米8上显示正常。
遇到这种问题确实让人头大，怎么办？搞呗。
在GitHub上react-native项目中搜索相关问题，下面是就是对相关问题的讨论issues,感兴趣的朋友可以去看看。Github相关问题：[issues](https://github.com/facebook/react-native/issues/15114)，发现不只是部分小米手机会出现此问题， 部分oppo，one plus, lG, 三星及google手机上也会出现类似问题。
解决方案：
Example: {empIDText + " "}before it was like: {empIDText}
2.设置text组件的fontFamily
3. 设置text组件的textBreakStrategy
有关textBreakStrategy的('simple', 'highQuality', 'balanced')的不同之处，可以参考stack overflow上的问题：
https://stackoverflow.com/questions/53236569/what-is-the-difference-between-simple-highquality-balanced-for-textbreakstrate simple, highQuality, balanced的区别
{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 组件设置，如果比较多，就不是很灵活，也比较繁琐；第4中方案就可以一劳永逸的解决这个问题了。
--- END ---
君伟说
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
