小编Yvo*_*lon的帖子

我有屏幕 A（仪表板）和屏幕 B（详细信息）。

当您单击仪表板中的按钮时，您将导航到详细信息。这是通过 react-navigation (v1.5) stackrouter 完成的。当您导航回来时，详细信息屏幕将被卸载，您将返回仪表板。

当您返回时，是否可以保持详细信息屏幕处于安装状态？

我使用的是bottomTabNavigator与lazy设置为false。对于屏幕，我渲染了react-native-webview。之所以调用render函数，是因为我可以看到console.log，但是直到选项卡被激活，实际的Webview才开始加载。我开始的选项卡立即开始加载。

标签

const Tab = () => { 
    console.log('render') // this is being called right away

    return (<WebView 
             onLoadStart={() => console.log('on load start') // this is being called only when tab becomes active (clicking on it) }
             source={{uri:'linkgoes.here'}} />) 
}

航海家

  const TabNavigator = createBottomTabNavigator(
  {
    TabOne: {
      screen: Tab
    },
    TabTwo: {
      screen: Tab
    }
  },
  {
    initialRouteName: 'TabOne',
    lazy: false,
  }
)

react-navigation从1.x 升级到3.x并升级react-native和react-native-webview。我希望webview立即开始加载，而不只是在可见时开始加载。