获取React Native中WebView组件中加载了多少页面

Question

是否可以知道React Native WebView组件中加载了多少网页？我想在WebView中显示加载页面的加载进度。

Answer 1

不幸的是，没有一种简单的方法可以用您的反应本机Web视图来执行您所要求的操作，您需要自己实现一个虚假的进度条。

但是，您可以使用提供方便的onProgress方法的react native wkwebview组件（https://github.com/CRAlpha/react-native-wkwebview）：

<WKWebView onProgress={(progress) => console.log(progress)} />

请注意，此onProgress方法仅适用于iOs。

我个人更喜欢使用这个组件而不是本地Web视图，因为它感觉更快，并提供更多有用的方法。