React native Text Webview 处理字体大小的变化

时间:2024-11-09 20:35:14

If the user has set a custom font size in the Android system, an undesirable scale of the site interface in WebView occurs.
如果用户在Android系统中设置了自定义字体大小,会导致WebView中的站点界面出现不良比例
When setting the standard textZoom (100) parameter size, this undesirable effect disappears.
当设置标准textZoom(100)参数大小时,这种不良效果就消失了。

<WebView
    textZoom={100}
    source={}/>

https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md#textzoom

对于 Text 组件上使用 allowFontScaling 属性,

想要在整个应用程序中禁用字体缩放,你可以通过全局设置 defaultProps 中的 allowFontScaling 属性来实现

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

Text.defaultProps = Object.assign({}, Text.defaultProps, {
  allowFontScaling: false,
});

https://reactnative.dev/docs/text#allowfontscaling