修复 MIUI 12 导致 React Native APP 字体样式错位
把手机升级到 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
]
})
})