设备字体大小的放大有时会中断（样式方面）。
【问题讨论】：
标签： ios react-native
禁用字体缩放可能会损害应用的可访问性，理想情况下，如果您想限制使用 React 本机 0.58.0 及更高版本的应用的缩放；在特定的Text 组件上使用maxFontSizeMultiplier prop。
但是，如果您绝对想在整个应用程序中禁用字体缩放，您可以通过在 defaultProps 的 Text 中全局设置 allowFontScaling prop 来实现。
您应该将这些行放在您的根入口点（通常为 index.js）中，放在 AppRegistry.registerComponent 之前。
对于 React Native 0.56.0+
Text.defaultProps = Text.defaultProps || {};
Text.defaultProps.allowFontScaling = false;
对于 React Native 的早期版本，您应该只需要第二行，但两者都不会受到伤害。第一行只是防止Text 组件没有defaultProps，React Native 0.56.0 及更高版本就是这种情况。
在您的 React Native 应用程序的入口点文件（通常是 index.js、app.js 或 main.js）中添加以上行，以将此属性应用于应用程序中的所有 Text 组件。
此属性只会影响Text 组件，您可能希望对TextInput 应用相同的更改，这可以通过类似的sn-p 完成：
TextInput.defaultProps = TextInput.defaultProps || {};
TextInput.defaultProps.allowFontScaling = false;
另请注意，某些组件不会遵守字体缩放设置，例如：Alert、PickerIOS、DatePickerIOS、TabBarIOS、SegmentedControlIOS，因为这些都是原生绘制的，不依赖于 @ 987654345@组件。
【讨论】：
~/index.js 中的导入语句正下方。确保还将Text 组件导入RN。顺便说一句，我正在运行 RN 0.57.8。
Text.defaultProps = Text.defaultProps || {}。它处理这两种情况。
Text.defaultProps 未定义。
When user increase full font size from setting
设备字体大小的放大不会中断（样式方面）。
index.js file
import {AppRegistry} from 'react-native';
import App from './src/App';
import {name as appName} from './app.json';
import {Text, TextInput} from 'react-native';
AppRegistry.registerComponent(appName, () => App);
//ADD this
if (Text.defaultProps == null) {
Text.defaultProps = {};
Text.defaultProps.allowFontScaling = false;
}
if (TextInput.defaultProps == null) {
TextInput.defaultProps = {};
TextInput.defaultProps.allowFontScaling = false;
}
<CalendarStrip
shouldAllowFontScaling={false}
/>
另请注意，某些组件不会遵守字体缩放设置，例如：Alert、PickerIOS、DatePickerIOS、TabBarIOS、SegmentedControlIOS，因为这些都是原生绘制的，不依赖于 Text 组件。
【讨论】：
对于 webview，如果字体大小从移动设置更改，我们可以使用 textZoom={100} 属性来处理字体大小更改。
如果从react-native-webview导入
<WebView
textZoom={100}
source={}/>
【讨论】：
在另一个文件中，将实际的Text 组件导入为ScaledText 作为备份，然后重新定义Text，覆盖allowFontScaling 属性。
export function Text(props) {
return <ScaledText {...props} allowFontScaling={false} />;
}
然后，导入本地定义的 Text 组件，而不是内置的 React Native Text。如果您只想在应用的某些部分优雅地禁用字体缩放，这也很有用。
【讨论】：
if (Text.defaultProps == null) {
Text.defaultProps = {};
Text.defaultProps.allowFontScaling = false;
}
我将这段代码保存在index.js的构造函数中。它确实运行良好。我正在使用 react native 版本0.59.9FYI。
【讨论】：
Text.defaultProps = Text.defaultProps || {} ; Text.defaultProps.allowFontScaling = false; 这相当于你的代码
对于 React 原生 0.58+
最好保持字体缩放，但您可以通过使用 Text new prop maxFontSizeMultiplier 来限制它
对于 React 本机 0.56+ 使用 Levi's answer
Text.defaultProps = Text.defaultProps || {};
Text.defaultProps.allowFontScaling = false;
对于 React 本机 0.55 及更低版本
在应用程序的开头添加Text.defaultProps.allowFontScaling=false（例如 main.js 或 app.js 等...）以将此属性应用于整个应用程序的所有文本组件。
【讨论】：
创建一个<AppText> 组件并将其与您的预设一起使用，而不是原始的，使用您自己的默认设置，包括字体缩放为 false。这更好，因为您可以使用自己的 API 来丰富它。
例如，我的 AppText 允许执行以下操作：
<AppText id="some.translation.key" color="primary" size="l" underline italic bold/>
【讨论】：
MaterialCommunityIcons 中使用的字体缩放 headerRight？不幸的是，使用<MaterialCommunityIcons name="magnify" allowFontScaling={false}" /> 不起作用。