React native 设置WebView初始缩放级别(以适合页面的方式启动)
我有一个webview,我将其设置为html,如下所示:React native 设置WebView初始缩放级别(以适合页面的方式启动),react-native,react-native-android,React Native,React Native Android,我有一个webview,我将其设置为html,如下所示: <WebView source={{ html:body }} style={{ width:400; }} scalesPageToFit /> 但是,在加载时,内部的页面将以100%的比例缩放,因此其超出边界。是否可以在某个级别开始缩放,使其完全符合边界 下面是它现在的屏幕截图: 我希望它开始缩放,以便所有内容都像这样适合:(我在这里手动缩小) 我原以为scalesPageToFitprop可以做到这一点,但它什么也
<WebView source={{ html:body }} style={{ width:400; }} scalesPageToFit />
但是,在加载时,内部的页面将以100%的比例缩放,因此其超出边界。是否可以在某个级别开始缩放,使其完全符合边界
下面是它现在的屏幕截图:
我希望它开始缩放,以便所有内容都像这样适合:(我在这里手动缩小)
我原以为scalesPageToFit
prop可以做到这一点,但它什么也没做,不管是真是假。有人知道scalesPageToFit
的功能吗
谢谢我有一个类似的WebView,它有一个标题和样式={{flex:1}}}为我实现了这一点。
scalesPageToFit
避免了你的网页在WebView中过度缩放,因此它的最小缩放不会显示空白。
自版本0.52以来,提供了一个新的道具initialScale
,它似乎正是您想要的。不幸的是,它从未被添加到代码中:一个问题仍然存在
因此,为了实现您的目标,您必须使用nativeConfig
覆盖本机组件行为:我的意思在以下两个示例中得到了充分解释:
谢谢,我想这是OCRECT!在此之前,我使用元属性来控制缩放。