React Native Expo Project Setup

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
// Screen
import IndexScreen from './src/screens/IndexScreen';

const navigator = createStackNavigator(
  {
    Index: IndexScreen,
  },
  {
    initialRouteName: 'Index',
    defaultNavigationOptions: {
      title: 'Blogs',
    },
  }
);

const App = createAppContainer(navigator);

export default () => {
  return <App />;
};

react-n.sh

# Create React Native Expo Project
npx expo-cli init <project name> --npm

# Install React Navigation
npm install react-navigation

# Install Dependencies
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

# Install React Navigation Stack
npm install react-navigation-stack @react-native-community/masked-view

# Install React Navigation Tabs
npm install react-navigation-tabs