字体大小React native

Question

在响应本机应用程序中，什么是处理字体大小的最佳方法。

我有一个奇怪的问题，如果从移动设备的显示设置中增加字体大小，它也会更改应用程序的fontSize。我使用了fontSize：14（任何值），因此它根据移动设备的字体大小选择大小14，整个应用程序的字体大小增加，UI看起来很恐怖。

我也尝试过使用宽度和高度来调整fontSize，但是在所有设备上看起来也不是很好。

const WIDTH = Dimensions.get('window').width;
const HEIGHT = Dimensions.get('window').height;

Answer 1

将allowFontScaling={false} 添加到文本会忽略设备字体缩放。

 <Text allowFontScaling={false}  style={styles.TitleText}>
           {this.state.testLabel.toUpperCase()}
            </Text>