title: Props in Tab.Navigation react navigation not working
body: <p>I make a Navigation component and put all screen in it.
  it working well, but props in Tab.Navigation not work such as barStyle,initialRouteName,....
  I make stack for each screen and put all stack in bottom navigation and i wanna change option for bottom navigation but I cant.
  I set initialRouteName and bar style but now working at all.
  Thanks for response.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {NavigationContainer} from '@react-navigation/native';
  import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
  import CollectionScreen from '../screens/Collection';
  import LiveScreen from '../screens/Live';
  import PrayScreen from '../screens/Pray';
  import ProfileScreen from '../screens/Profile';
  import PublicationScreen from '../screens/Publication';
  import React from 'react';
  import {createNativeStackNavigator} from '@react-navigation/native-stack';
  
  const LiveStack = createNativeStackNavigator();
  
  function LiveStackScreen() {
    return (
      &lt;LiveStack.Navigator screenOptions={{headerShown: false}}&gt;
        &lt;LiveStack.Screen name="LiveScreen" component={LiveScreen} /&gt;
      &lt;/LiveStack.Navigator&gt;
    );
  }
  
  const ProfileStack = createNativeStackNavigator();
  function ProfileStackScreen() {
    return (
      &lt;ProfileStack.Navigator screenOptions={{headerShown: false}}&gt;
        &lt;ProfileStack.Screen name="ProfileScreen" component={ProfileScreen} /&gt;
      &lt;/ProfileStack.Navigator&gt;
    );
  }
  
  const PrayStack = createNativeStackNavigator();
  function PrayStackScreen() {
    return (
      &lt;PrayStack.Navigator screenOptions={{headerShown: false}}&gt;
        &lt;PrayStack.Screen name="PrayScreen" component={PrayScreen} /&gt;
      &lt;/PrayStack.Navigator&gt;
    );
  }
  
  const PublicationStack = createNativeStackNavigator();
  function PublicationStackScreen() {
    return (
      &lt;PublicationStack.Navigator screenOptions={{headerShown: false}}&gt;
        &lt;PublicationStack.Screen
          name="PublicationScreen"
          component={PublicationScreen}
        /&gt;
      &lt;/PublicationStack.Navigator&gt;
    );
  }
  
  const CollectionStack = createNativeStackNavigator();
  function CollectionStackScreen() {
    return (
      &lt;CollectionStack.Navigator screenOptions={{headerShown: false}}&gt;
        &lt;CollectionStack.Screen
          name="CollectionScreen"
          component={CollectionScreen}
        /&gt;
      &lt;/CollectionStack.Navigator&gt;
    );
  }
  
  const Tab = createBottomTabNavigator();
  
  export default function Navigation() {
    return (
      &lt;NavigationContainer&gt;
        &lt;Tab.Navigator
          // This props not working
          initialRouteName="Profile"
          barStyle={{backgroundColor: '#694fad'}}&gt;
          &lt;Tab.Screen name="Live" component={LiveStackScreen} /&gt;
          &lt;Tab.Screen name="Profile" component={ProfileStackScreen} /&gt;
          &lt;Tab.Screen name="Pray" component={PrayStackScreen} /&gt;
          &lt;Tab.Screen name="Publication" component={PublicationStackScreen} /&gt;
          &lt;Tab.Screen name="Collection" component={CollectionStackScreen} /&gt;
        &lt;/Tab.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }</code></pre>
  </div>
  </div>
  </p>