Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 设置WebView初始缩放级别(以适合页面的方式启动)_React Native_React Native Android - Fatal编程技术网

React native 设置WebView初始缩放级别(以适合页面的方式启动)

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,我将其设置为html,如下所示:

<WebView source={{ html:body }} style={{ width:400; }} scalesPageToFit />

但是,在加载时,内部的页面将以100%的比例缩放,因此其超出边界。是否可以在某个级别开始缩放,使其完全符合边界

下面是它现在的屏幕截图:

我希望它开始缩放,以便所有内容都像这样适合:(我在这里手动缩小)

我原以为
scalesPageToFit
prop可以做到这一点,但它什么也没做,不管是真是假。有人知道
scalesPageToFit
的功能吗


谢谢

我有一个类似的WebView,它有一个标题和样式={{flex:1}}}为我实现了这一点。

scalesPageToFit
避免了你的网页在WebView中过度缩放,因此它的最小缩放不会显示空白。 自版本0.52以来,提供了一个新的道具
initialScale
,它似乎正是您想要的。不幸的是,它从未被添加到代码中:一个问题仍然存在

因此,为了实现您的目标,您必须使用
nativeConfig
覆盖本机组件行为:我的意思在以下两个示例中得到了充分解释:


  • 谢谢,我想这是OCRECT!在此之前,我使用元属性来控制缩放。