/**
 * 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";
import Order from './pages/buy/order'
import Ticket from './pages/buy/ticket'
import Buy from './pages/buy/buy'
import Login from './pages/Login'
import SearchResult from './pages/searchResult'

const RootNavigator = createStackNavigator(
  {
    MainActivity: { screen: MainActivity },
    SchoolAge: { screen: SchoolAge },
    MainPage: { screen: MainPage },
    SchedulePage: { screen: SchedulePage },
    PersonalInfo: { screen: PersonalInfo },
    userCenter: { screen: userCenter },
    CourseDetails: { screen: CourseDetails },
    Order: { screen: Order },
    Ticket: { screen: Ticket },
    Login: { screen: Login },
    Buy: { screen: Buy },
    SearchResult: { screen: SearchResult },
  },
  {
    initialRouteName: "MainPage",
    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>
//     );
//   }
// }