代码之家 › 专栏 › 技术社区 › devedv

字体大小反应本机

react-native reactjs

7

devedv · 技术社区 · 8 年前

在react native应用程序中,处理字体大小的最佳方法是什么。

我有一个奇怪的问题,如果字体大小从移动设备显示设置增加,它也会改变应用程序的字体大小。我使用了fontSize:14(无论值是多少),因此它会根据移动设备字体大小选择大小14;整个应用程序的字体都变大了,UI看起来很糟糕。

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

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

1 回复 | 直到 8 年前

1

3

devedv 8 年前

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

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