字体大小反应原生

Posted 2023-03-14

【中文标题】字体大小反应原生

【英文标题】：Font Size React native

【发布时间】：2018-07-20 09:45:56

【问题描述】：

在反应原生应用程序中处理字体大小的最佳方法是什么。

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

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

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

【问题讨论】：

很抱歉，为什么你投了反对票？这似乎是一个真正的问题。

您要求做的是有效地忽略设备上的辅助功能选项并修复字体大小，因此您不必担心 UI 放大。对于视力受损的人，可以通过设备控制较大的字体大小，并且您的 UI 应该尊重这些设置。

React Native Responsive Font Size的可能重复

谢谢特拉维斯。我在下面添加了对我有用的内容。

【参考方案1】：

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

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

【讨论】：

我使用 React-Native-Snackbar 来显示错误消息。虽然我使用了'allowFontScaling=false'，但小吃店的字体并不固定。有没有办法修复snackbar的字体大小？