title: How to pass parameters to routes using tab navigator (createMaterialBottomTabNavigator)?
body: <p>I am using <code>createMaterialBottomTabNavigator</code> and I want to pass parameters to the routes:</p>
  <pre><code>return (
     &lt;Tab.Navigator initialRouteName=&quot;Home&quot;&gt;
        &lt;Tab.Screen name=&quot;Home&quot; component={home_customers} /&gt;
        &lt;Tab.Screen name=&quot;Favorites&quot; component={favorite_vendors} /&gt;
        &lt;Tab.Screen name=&quot;More&quot; component={settings_screen} /&gt;
     &lt;/Tab.Navigator&gt;
  );
  </code></pre>
  <p>I could only find an attribute called <code>initialParams</code> which I am not sure if it is the right thing to use in this case. So, what I want to do is to <strong>GET</strong> parameters from the previous screen and <strong>PASS</strong> that parameter to each of these three screens!</p>
  <p><strong>UPDATE</strong></p>
  <p>ok, I found out how to GET the parameters but I still don't know how to pass those parameters to route screens!</p>
  <pre><code>export default function home_customers_bar({ route, navigation }) {
      const current_city_ = route.params.current_user_city_; //here I get the parameter from the previous screen
      
      return (
          &lt;Tab.Navigator initialRouteName=&quot;Home&quot;&gt;
              &lt;Tab.Screen name=&quot;Home&quot; component={home_customers} /&gt;
              &lt;Tab.Screen name=&quot;Favorites&quot; component={favorite_vendors} /&gt;
              &lt;Tab.Screen name=&quot;More&quot; component={settings_screen} /&gt;
          &lt;/Tab.Navigator&gt;
      );
  }
  </code></pre>