title: Bottom Tab Navigator not showing on home screen (React Native)
body: <p>I want to asking about why bottom tab didnt showing at home screen (hidden)
  here is my code</p>
  <pre><code>import React from 'react';
  import {createAppContainer} from 'react-navigation';
  import {createStackNavigator} from 'react-navigation-stack';
  import Signup from './screens/signup';
  import Login from './screens/login';
  import Home from './screens/Home';
  import Loading from './screens/Loading';
  import Welcome from './screens/Welcome';
  import ForgotPassword from './screens/ForgotPassword';
  import ApplyLoan from './screens/ApplyLoan';
  import Profile from './screens/Profile';
  import LoanHistory from './screens/LoanHistory';
  import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';
  
  
  
  
  export default class App extends React.Component  {
  render()
  {
  return (
  &lt;AppContainer&gt;
  &lt;RootNavigator/&gt;
  &lt;MainTab/&gt;
  &lt;/AppContainer&gt;
  );
  }
  }
  
  
  const RootNavigator = createStackNavigator({
  loading: {
  screen: Loading,
  navigationOptions: {
    headerShown: false,
    headerTransparent: true,
    },
    },
  </code></pre>
  <p>Welcome: {
  screen: Welcome,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  signup: {
  screen: Signup,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  login: {
  screen: Login,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  Home: {
  screen: Home,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  ForgotPassword: {
  screen: ForgotPassword,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  ApplyLoan: {
  screen: ApplyLoan,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  LoanHistory: {
  screen: LoanHistory,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  Profile: {
  screen: Profile,
  navigationOptions: {
  headerShown: false,
  headerTransparent: true,
  },
  },
  InitialRouteName : Loading
  });</p>
  <p>const MainTab = createMaterialBottomTabNavigator(<br />
  {</p>
  <pre><code>  Home: { screen: Home,  
        navigationOptions:{  
            tabBarLabel:'Home',  
            tabBarIcon: ({ tintColor }) =&gt; (  
                &lt;View&gt;  
                    &lt;Icon style={[{color: tintColor}]} size={25} name={'ios-home'}/&gt;  
                &lt;/View&gt;),  
        }  
    },  
    Profile: { screen: Profile,  
        navigationOptions:{  
            tabBarLabel:'Profile',  
            tabBarIcon: ({ tintColor }) =&gt; (  
                &lt;View&gt;  
                    &lt;Icon style={[{color: tintColor}]} size={25} name={'ios-person'}/&gt;  
                &lt;/View&gt;),  
            activeColor: '#f60c0d',  
            inactiveColor: '#f65a22',  
            barStyle: { backgroundColor: '#f69b31' },  
        }  
    },  
  </code></pre>
  <p>},<br />
  {<br />
  initialRouteName: &quot;Home&quot;,<br />
  activeColor: '#f0edf6',<br />
  inactiveColor: '#226557',<br />
  barStyle: { backgroundColor: '#3BAD87' },<br />
  },<br />
  );</p>
  <p>const AppContainer = createAppContainer(RootNavigator, MainTab);</p>
  <p>Is something wrong about my code?</p>