title: How To Use CreateBottomTabNavigator in React Native?
body: <p><strong>Current code</strong></p>
  
  <p>App.js</p>
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  
  import {NavigationContainer} from '@react-navigation/native';
  import {createStackNavigator} from '@react-navigation/stack';
  import { Icon } from 'react-native-elements';
  
  import HomeScreen from 'app/src/screens/home/Index';
  import DetailScreen from 'app/src/screens/home/Detail';
  import MypageScreen from 'app/src/screens/mypage/Index';
  import InitialScreen from 'app/src/screens/authentication/Initial';
  
  const Home = {
    screen: HomeScreen,
    navigationOptions: ({ navigation }) =&gt; {
      return {
        title: 'Home',
      };
    },
  };
  
  const Detail = {
    screen: DetailScreen,
    navigationOptions: ({ navigation }) =&gt; {
      return {
        title: 'Detail',
      };
    },
  };
  
  const Mypage = {
    screen: MypageScreen,
    navigationOptions: ({ navigation }) =&gt; {
      return {
        title: 'MyPage',
      };
    },
  };
  
  const Initial = {
    screen: InitialScreen,
    navigationOptions: ({ navigation }) =&gt; {
      return {
        title: 'Initial',
      };
    },
  }
  
  const HomeStack = createStackNavigator(
    {
      Home,
      Detail,
    },
    {
      initialRouteName: 'Home',
      navigationOptions: {
        tabBarIcon: &lt;Icon name="home" /&gt;,
      },
    }
  );
  
  const MypageStack = createStackNavigator(
    {
      Mypage,
    },
    {
      initialRouteName: 'Mypage',
      navigationOptions: {
        tabBarIcon: &lt;Icon name="person" /&gt;,
      },
    }
  );
  
  
  const postLoginNavigator = createBottomTabNavigator({
    Home: HomeStack,
    Mypage: MypageStack,
  });
  
  const AppNavigator = createStackNavigator({
    Initial,
    PostLogin: postLoginNavigator
  },{
    mode: 'modal',
    headerMode: 'none',
    initialRouteName: 'Initial'
  })
  
  const AppContainer = createAppContainer(AppNavigator);
  
  export default class App extends React.Component {
    render() {
      return (
          &lt;AppContainer /&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong>What I want to do</strong></p>
  
  <p>I wanna make tabs in bottom using createBottomTabNavigator.
  Home and My Page tabs.</p>
  
  <p><strong>Error that I'm facing</strong></p>
  
  <blockquote>
    <p>Error: Creating a navigator doesn't take an argument. Maybe you are trying to use React Navigation 4 API with React Navigation 5?</p>
  </blockquote>
  
  <p><strong>ps</strong></p>
  
  <p>I'm using</p>
  
  <pre><code>"@react-navigation/native": "^5.2.3",
  "@react-navigation/stack": "^5.2.8",
  "@react-navigation/bottom-tabs": "^5.0.6",
  </code></pre>
  
  <p>I would appreciate it if you could give me any advices.</p>