设置 WebView 初始缩放级别(启动它以适合页面)

Question

我有一个网络视图，我把它设置为这样的html：

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

但是，在加载时，内部的页面会以 100% 缩放，因此它位于边界之外。是否可以在某个级别开始缩放，使其完全适合边界？

这是它现在的样子的屏幕截图：https://i.stack.imgur.com/CiNeg.png

我希望它开始缩放，以便所有内容都适合这样：https://i.stack.imgur.com/YN3BT.png(我手动捏合以缩小此处(

我以为scalesPageToFit道具会这样做，但它什么也没做，不管是真的还是假的。有谁知道scalesPageToFit是做什么的？

谢谢

Answer 1

scalesPageToFit避免网页在 webView 中放大，以便其最小缩放不会显示空白区域。从 React Native Docs 版本 0.52 开始，提供了一个新的道具initialScale，似乎正是您正在寻找的。不幸的是，它从未被添加到代码中：一个问题仍然悬而未决。

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

1. 第一
2. 第二

Answer 2

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