react-native - 当应用程序进入前台时，React Native 停止 WebView 重新加载

Question

我正在开发一个使用 WebView 的 React Native 应用程序作为应用程序的主屏幕。

当应用程序从后台转到前台时，WebView 会重新加载。我怎样才能停止重新加载？

这answer建议在 ViewDidLoad() 中加载 WebView 而不是在 ViewDidAppear() 或 ViewWillAppear() 中。这是真正的解决方案吗？我如何确认或更改 React Native 加载 WebView 的方式？

作为一个 hacky 解决方案，我使用 onNavigationStateChange 将当前 URL 保存在 AsyncStorage 中，然后在应用程序进入前台时加载此 URL。这个解决方案不是很好，因为它:

1. 打破浏览器历史记录，影响 javascript 后退按钮
2. 不记得表单状态
3. 可能会将用户转到他们无法直接访问的页面，从而导致他们被转到 404

所以我更喜欢停止重新加载的解决方案，至少在应用程序只是暂时处于后台的情况下。

Answer 1

这不是 WebView 的问题。重新加载是我误用React Navigation引起的切换导航器。如 docs 中所述一个 SwitchNavigator

resets routes to their default state when you switch away

此重置导致 WebView 重新加载。