React Native TEXT 组件文字显示不全 异常解决（小米文字显示不全：小米10 ,Redmi k30出现）

开发中发现一处text组件 显示文字，总是丢末尾几个字符的异常。就很疑惑，拿小米11ultra(12.0.9)和小米8(12.0.3)测试正常，小米10（miui12.0.11）和redmi k30会异常。

字体都是如下图这个小米兰亭pro。

 

解决方法：

全局设置如下代码（记得import Platform跟Text）

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]
    });
};

 

问题解决！