App.js

import React from 'react'

import { createStackNavigator } from 'react-navigation'

import { Provider as PaperProvider } from 'react-native-paper';

import HomeScreen from './layouts/home-screen/HomeScreen'
import GameGrid from './layouts/game-grid/GameGrid'
import Instructions from './layouts/instructions/Instructions'
import EndGameScreen from './layouts/end-game-screen/EndGameScreen'
import RotatingLettersLevelOne from './games/rotating-letters/level-one/RotatingLettersLevelOne'
import MatchingColors from './games/matching-colors/MatchingColors'

const RootStack = createStackNavigator({
  HomeScreen,
  GameGrid,
  Instructions,
  EndGameScreen,
  RotatingLettersLevelOne,
  MatchingColors
}, {
  initialRouteName: 'HomeScreen',
  headerMode: 'screen',
})

export default class App extends React.Component {
  render() {
    return (
      <PaperProvider>
        <RootStack />
      </PaperProvider>
    )
  }
}