当用户更改字体大小时反应本机保持元素布局

Question

当用户在系统级别更改字体大小时，react-native 是否有办法保持元素的某些预期布局？

因此，例如，用户为视障风格更改较大的字体设置。

但是后来我的布局失控了。

Answer 1

在您的情况下，您可以限制系统字体大小对应用程序字体大小的影响。 有两种方法可以做到这一点：

首先你可以严格禁止字体大小随着系统字体的变化而变化。 将以下代码添加到您的父组件构造函数中。 （喜欢 App.js）

Text.defaultProps = Text.defaultProps || {};
Text.defaultProps.allowFontScaling = false;

第二种方式是在你的 App,js

中设置 maxFontSizeMultiplier

Text.defaultProps = {};
Text.defaultProps.maxFontSizeMultiplier = 1.4 // number you can specify

最大缩放到原始字体的1.3倍。

更多细节可以参考official doc

希望这会有所帮助。