如何避免使用设备字体在React Native Application中缩放字体

Question

在Android中放大设备字体大小时如何停止缩放React Native Application的字体大小

Answer 1

我刚刚尝试了以下代码。它有助于避免React Native Application中“文本”字段中的字体缩放。

我用以下代码编辑了App.js。

if (Text.defaultProps == null) Text.defaultProps = {};
Text.defaultProps.allowFontScaling = false;

Answer 2

使用fontScale划分字体大小。您可以从Dimesion获取fontScale。我粘贴了代码以获得fontScale。

import { Dimensions } from "react-native";
const { fontScale } = Dimensions.get("window");

export default class App extends Component {
  render() {
    return (
      <View>
        <Text style={{fontSize: 50 / fontScale}}>ABCD</Text>
      </View>
    )
  }
}