把手机升级到 MIUI 12 之后调试 APP 发现很多地方的 Text 组件发生错位了,之后看到有位大佬说是 MIUI 的字体导致的。

到 index.js 中将 Text 的样式重置一下就好了,设置代码如下

import React from 'react';
import { Text, PlatformOS } from 'react-native';
import _ from 'lodash'
Text.render = _.wrap(Text.render, function (func, ...args) {
    let originText = func.apply(this, args)
    return React.cloneElement(originText, {
        allowFontScaling: false, style: [
            PlatformOS === 'android' ? { fontFamily: '' } : null,
            originText.props.style
        ]
    })
})