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

Question

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

Answer 1

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

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

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

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

我个人更喜欢使用这个组件，而不是react原生web视图，因为它感觉更快，提供了更有用的方法。