React Native - 按级别限制辅助功能字体缩放

Question

我正在实现一项可以使用手机上辅助功能设置的功能。问题在于字体缩放级别较大，我的布局中断了，而较小的级别仍然很好。有没有办法获取系统的字体比例级别或将辅助功能设置限制为仅某些级别？

多谢。

Answer 1

React Native =< 0.58的解决方案

iOS使用AccessibilityManager(不适用于Android(https://github.com/facebook/react-native/blob/1151c096dab17e5d9a6ac05b61aacecd4305f3db/IntegrationTests/AccessibilityManagerTest.js

Android需要一个原生(Java(解决方案，如何防止系统字体大小更改效果到Android应用程序？

对于 React 本机>= 0.59

Text和TextInput组件都有一个maxFontSizeMultiplier道具 https://facebook.github.io/react-native/docs/next/text#maxfontsizemultiplier

有了它，该应用程序将能够拥有一个跨平台的解决方案来设置JS的字体比例上限

在您的应用中.js：

Text.defaultProps = {};
Text.defaultProps.maxFontSizeMultiplier = 1.3;
TextInput.defaultProps = {};
TextInput.defaultProps.maxFontSizeMultiplier = 1.3;