title: Passing params to tab navigator React Navigation 5
body: <p>I’m using <code>materialTopTabs</code> and it seems like this loads all the screens in the navigator once its mounted. I have a screen <strong>List</strong> and inside it a tab navigator with 2 screens: <strong>Posts</strong> and <strong>Users</strong>. These two screen both depend on params passed from <strong>List</strong>. However, i am only able to pass params to one of the screens using this method: </p>
  
  <pre><code>navigation.navigate('PostsTabNav', {
    params: {
      network: item,
    },
    screen: 'NetworkPosts' //or NetworkUsers
  });
  </code></pre>
  
  <p>I have tried to pass the params to my navigator directly by doing this: </p>
  
  <pre><code>navigation.navigate('PostsTabNav', {
    network: item
  });
  </code></pre>
  
  <p>The first option only allows me to pass to one screen. The second option allows me to access the params inside the navigator like this:</p>
  
  <pre><code>const PostsTabNav = createMaterialTopTabNavigator();
  const PostsMainNav = (props) =&gt; {
      const temp = props.route.params.network; //params here
  
      return (
          &lt;PostsTabNav.Navigator&gt;
              &lt;PostsTabNav.Screen name="NetworkPosts" component={NetworkPostsScreen} /&gt;
              &lt;PostsTabNav.Screen name="NetworkUsers" component={NetworkUsersScreen} /&gt;
          &lt;/PostsTabNav.Navigator&gt;
      );
  };
  </code></pre>
  
  <p>Is there a way to pass <code>temp</code> to both my screens? If not is there a better way to handle this situation?</p>
  
  <p>Here's the code for the <code>StackNavigator</code></p>
  
  <pre><code>const NetworkListStackNav = createStackNavigator();
  export const NetworksListNavigator = () =&gt; {
      return (
          &lt;NetworkListStackNav.Navigator&gt;
              &lt;NetworkListStackNav.Screen name="List" component={ListScreen} /&gt;
              &lt;NetworkListStackNav.Screen name="PostsTabNav" component={PostsMainNav} /&gt;
          &lt;/NetworkListStackNav.Navigator&gt;
      );
  };
  </code></pre>