react-native - 获取 React Native 中的 WebView 组件中加载了多少页面

Question

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

标签： react-native

Answer 1

不幸的是，没有一种简单的方法可以用 react native web 视图来完成你所要求的事情，你需要自己实现一个假的进度条。

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

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

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

我个人更喜欢使用这个组件而不是 react native web view，因为它感觉更快并且提供了更多有用的方法。