App.js

import React from 'react';
import {View} from 'react-native';
import RootNavigator from './src/navigation/navigation';

const App = () => {
  return (
    <View>
      <RootNavigator />
    </View>
  );
};

export default App;

navigation.js

import React from 'react';
import {View} from 'react-native';
import {createBottomTabNavigator} from 'react-navigation-tabs';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import HomeScreen from '../components/home/home';
import BookingScreen from '../components/booking/booking';
import AccountScreen from '../components/account/account';

const HomeStack = createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

const BookingStack = createStackNavigator({
  Booking: {
    screen: BookingScreen,
  },
});

const AccountStack = createStackNavigator({
  Account: {
    screen: AccountScreen,
  },
});

const TabNavigator = createBottomTabNavigator(
  {
    HomeTab: {
      screen: HomeStack,
      navigationOptions: {
        tabBarLabel: 'Home',
      },
    },
    BookingTab: {
      screen: BookingStack,
      navigationOptions: {
        tabBarLabel: 'Booking',
      },
    },
    AccountTab: {
      screen: AccountStack,
      navigationOptions: {
        tabBarLabel: 'Account',
      },
    },
  },
  {
    initialRouteName: 'HomeTab',
  },
);

const RootNavigator = createAppContainer(TabNavigator);
export default RootNavigator;