Javascript react native webview仅在react navigation选项卡Navigator的活动选项卡上启动加载

Javascript react native webview仅在react navigation选项卡Navigator的活动选项卡上启动加载,javascript,react-native,react-navigation,react-native-webview,Javascript,React Native,React Navigation,React Native Webview,我正在使用设置为false的lazy。对于屏幕,我渲染了一个。正在调用render函数,因为我可以看到console.log,但实际的webview在选项卡激活之前不会开始加载。我启动的选项卡立即开始加载 标签 这是在将react-navigation从1.x升级到3.x并升级react-native和react-native-webview之后发生的。我希望webview立即开始加载,而不仅仅是在可见时加载。有同样的问题,我对此做了更多的研究: 这个问题在Android上没有出现,所以它来自于

我正在使用设置为
false
lazy
。对于屏幕,我渲染了一个。正在调用render函数,因为我可以看到console.log,但实际的webview在选项卡激活之前不会开始加载。我启动的选项卡立即开始加载

标签


这是在将
react-navigation
从1.x升级到3.x并升级
react-native
react-native-webview
之后发生的。我希望webview立即开始加载,而不仅仅是在可见时加载。

有同样的问题,我对此做了更多的研究:

这个问题在Android上没有出现,所以它来自于iOS的实现

查看
react native webview
的本机代码,该webview似乎正在
didMoveToWindow
方法中加载,对
窗口
属性的检查为非零,这导致仅在显示时加载webview

我认为使用react-native无法解决这个问题,因此我在
react-native webview
包中提出了一个PR来解决这个特殊问题:

要在合并之前使用它,请在
包中使用。json

"react-native-webview": "https://github.com/philippeauriach/react-native-webview#8b7015037d9c1329e4e65e1978e98c4897a928e6",
不要忘记运行
cd-ios&&pod-install
,有时需要它

  const TabNavigator = createBottomTabNavigator(
  {
    TabOne: {
      screen: Tab
    },
    TabTwo: {
      screen: Tab
    }
  },
  {
    initialRouteName: 'TabOne',
    lazy: false,
  }
)
"react-native-webview": "https://github.com/philippeauriach/react-native-webview#8b7015037d9c1329e4e65e1978e98c4897a928e6",