title: Preload nested stack in react-navigation 5.x tab
body: <p>I have a simple React Native app with 4 tabs like so (simplified for sake of brevity):</p>
  <pre><code>&lt;Tab.Navigator&gt;
    &lt;Tab.Screen name=&quot;Feed&quot; component={WebViewNavigator} initialParams={{...}} /&gt;
    &lt;Tab.Screen name=&quot;Schedule&quot; component={WebViewNavigator} initialParams={{...}} /&gt;
    &lt;Tab.Screen name=&quot;About&quot; component={WebViewNavigator} initialParams={{...}} /&gt;
    &lt;Tab.Screen name=&quot;Help&quot; component={WebViewNavigator} initialParams={{...}} /&gt;
  &lt;/Tab.Navigator&gt;
  </code></pre>
  <p>The <code>WebViewNavigator</code> component is a stack view using a <a href="https://github.com/react-native-community/react-native-webview" rel="nofollow noreferrer">React Native Webview</a> to load some corresponding web content, however, it does not load until the corresponding tab is activated:</p>
  <pre><code>&lt;Stack.Navigator&gt;
    &lt;Stack.Screen name=&quot;Viewer&quot; component={WebViewScreen} /&gt;
  &lt;/Stack.Navigator&gt;
  </code></pre>
  <p>Is there a way to have the app load all tabs/webviews on load so there isn't this webview loading delay on each tab?</p>
  <p>I am using the <code>lazy</code> prop of <a href="https://reactnavigation.org/docs/bottom-tab-navigator" rel="nofollow noreferrer"><code>createBottomTabNavigator</code></a> which doesn't seem to have any effect:</p>
  <pre><code>&lt;Tab.Navigator lazy={false}&gt; ...
  </code></pre>
  <p>Triggering a log in the <code>WebView</code> constructor reveals that the stack navigator is instantiated, but the webview is not loaded.</p>