React Native 字体缩放的最大值是多少？

Question

我知道在React Native应用程序中可以通过在根组件的构造函数（即根index.js或App.js文件）中放置Text.defaultProps.allowFontScaling = false来全局禁用字体缩放。但是，是否有一种方法可以允许缩放的最大值，而不是完全禁用它？

我尝试过adjustsFontSizeToFit=true，认为它会防止文本缩放到非常大的大小（确实如此），但现在所有文本都变得太小，破坏了应用程序的样式。

我尝试结合minimumFontScale和上面的adjustsFontSizeToFit使用，因为根据文档，minimumFontScale“指定启用adjustsFontSizeToFit时字体可以达到的最小比例”。我将这个值设置为1.0，但文本仍然会缩放到极度难以阅读的大小（例如，如果在iOS中启用了“更大的可访问性大小”并将其设置为最大比例），将其设置为较低的值（例如0.25）可以使文本在我的应用程序中合理地适合，但间距和相对大小关系变得不正确。

如果文本保持其默认大小，并且在启用iOS中的“可访问性大小”时仍被允许缩放到一定程度，那将很好-是否有一种方法可以实现这一点？

- Attila

Answer 1

在 React Native 0.58+ 中，您可以在 Text 组件内使用新的属性 maxFontSizeMultiplier https://facebook.github.io/react-native/docs/text#maxfontsizemultiplier。

- David Vittori

Answer 2

您可以使用

allowFontScaling={false}

与

Math.min(PixelRatio.getFontScale() * yourFontSizeBase, yourFontSizeBase)

一起使用，以限制最大字体大小。

- James