vds_quiz/vds-app/App/index.js

import 'react-native-gesture-handler'
import { createAppContainer } from "react-navigation"
import { createStackNavigator } from "react-navigation-stack"

import Splash from "./screens/Splash"
import QuizIndex from "./screens/QuizIndex"
import Quiz from "./screens/Quiz"
import TrueFalse from "./screens/TrueFalse"
import Exam from "./screens/Exam"
import Results from "./screens/Results"
import ResultsTrueFalse from "./screens/ResultsTrueFalse"
import Recap from "./screens/Recap"
import RecapTrueFalse from "./screens/RecapTrueFalse"
import Info from "./screens/Info"
import Setup from "./screens/Setup"
import Dictionary from "./screens/Dictionary"
import { colors, texts} from "./components/Variables"

const MainStack = createStackNavigator({
  Splash: {
    screen: Splash,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  RecapTrueFalse: {
    screen: RecapTrueFalse,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Recap: {
    screen: Recap,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Results: {
    screen: Results,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  ResultsTrueFalse: {
    screen: ResultsTrueFalse,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Info: {
    screen: Info,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Dictionary: {
    screen: Dictionary,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  QuizIndex: {
    screen: QuizIndex,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Quiz: {
    screen: Quiz,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  TrueFalse: {
    screen: TrueFalse,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
//       headerTitle: navigation.getParam("title"),
//       headerTintColor: colors.white,
//       headerStyle: {
//         backgroundColor: navigation.getParam("color"),
//         borderBottomColor: navigation.getParam("color")
//       }
    })
  },
  Exam: {
    screen: Exam,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  },
  Setup: {
    screen: Setup,
    navigationOptions: ({ navigation }) => ({
      headerShown: false
    })
  }
})

export default createAppContainer(MainStack)