/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, { Component } from "react";
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Button,
  ImageBackground,
  Image,
  DeviceEventEmitter
} from "react-native";
import { createStackNavigator, createAppContainer } from "react-navigation";
import MainActivity from "./pages/MainActivity";
import SchoolAge from "./pages/components/SchoolAge";
import MainPage from "./pages/components/MainPage";
import SchedulePage from "./pages/components/SchedulePage";
import PersonalInfo from "./pages/components/PersonalInfo";
import CourseDetails from "./pages/CourseDetails";
import userCenter from "./pages/userCenter";

const RootNavigator = createStackNavigator(
  {
    MainActivity: { screen: MainActivity },
    SchoolAge: { screen: SchoolAge },
    MainPage: { screen: MainPage },
    SchedulePage: { screen: SchedulePage },
    PersonalInfo: { screen: PersonalInfo },
    userCenter: { screen: userCenter },
    CourseDetails: { screen: CourseDetails}
  },
  {
    initialRouteName: "SchoolAge",
    headerMode: "null"
  }
);
const App = createAppContainer(RootNavigator);
export default App;

// type Props = {};
// export default class App extends Component<Props> {
//   render() {
//     return (
//       <View>
//         <ImageBackground
//           source={require("../imgs/splash.jpg")}
//           style={{ flex: 1, width: "100%", height: "100%" }}
//         />
//       </View>
//     );
//   }
// }