字体大小反应原生

Question

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

我有一个奇怪的问题，如果从移动设备显示设置增加字体大小，它也会更改app的fontSize。我使用了fontSize：14（无论什么值），所以它根据移动设备的字体大小选择大小14。整个应用程序的字体大小增加，UI看起来很糟糕。

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

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

Answer 1

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

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