设置WebView初始缩放级别（启动它以使页面适合）

Question

我有一个webview，我设置它是这样的HTML：

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

但是在加载时，其中的页面缩放为100％，因此它在边界之外。是否可以在一个水平上开始变焦，以便它完全适合边界？

以下是现在的截图：https://i.imgur.com/i4nRnA0.png

我希望它开始缩放，所以所有内容都适合这样：https://i.imgur.com/MtiyXMe.png（我手动捏缩这里缩小）

我认为scalesPageToFit道具会做到这一点，但它没有做任何事，无论是真还是假。有谁知道scalesPageToFit做了什么？

由于

Answer 1

scalesPageToFit可以避免您的网页在webView中超标，因此其最小缩放不会显示空格。 自React Native Docs版本0.52以来，我们提供了一个新的道具initialScale，似乎正是您正在寻找的。不幸的是，它从未被添加到代码中：问题仍然存在。

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

1. First
2. Second

Answer 2

我有一个类似的带有标题的WebView，样式= {{flex：1}}为我实现了这个目的。