import StartSlider from './App/Components/StartSlider'
import User from './App/Components/User'
import ClassList from './App/Components/ClassList'
import MainMapView from './App/Components/MainMapView'
import CoursePage from './App/Components/CoursePage'
import Categories from './App/Components/Categories'
import Topics from './App/Components/Topics'
import TeacherProfile from './App/Components/TeacherProfile'


import React, { Component } from 'react';
import {
  AppRegistry,
  Navigator,
  StyleSheet,
  TouchableHighlight,
  Text,
  View,
} from 'react-native';


const SCREEN_WIDTH = require('Dimensions').get('window').width;

/**
 * Overwrite the default navigator scene config.
 * to use a wider area for back swiping.
 */
const FloatFromRight = {
  ...Navigator.SceneConfigs.FloatFromRight,
  gestures: {
    pop: {
      ...Navigator.SceneConfigs.FloatFromRight.gestures.pop,
      edgeHitWidth: SCREEN_WIDTH / 2,
    },
  },
};


class skillnest extends Component {
  render() {
    return (
        <Navigator
          style={{ flex:1 }}
          initialRoute={{ name: 'StartSlider' }}
          renderScene={ this.renderScene }
          configureScene={ () => FloatFromRight }/>
    );
  }
  renderScene(route, navigator) {

     if(route.name == 'StartSlider') {
       return <StartSlider navigator={navigator} />
     }

     if(route.name == 'Categories') {
       return <Categories navigator={navigator} />
     }
     if(route.name == 'StartSlider') {
       return <TeacherProfile navigator={navigator} />
     }
     if(route.name == 'User') {
       return <User navigator={navigator} />
     }
     if(route.name == 'ClassList') {
       return <ClassList navigator={navigator} />
     }
     if(route.name == 'Topics') {
       return <Topics navigator={navigator} />
     }
     if(route.name == 'MainMapView') {
       return <MainMapView navigator={navigator} />
     }
     if(route.name == 'TeacherProfile') {
       return <TeacherProfile navigator={navigator} />
     }
  }
}


AppRegistry.registerComponent('skillnest', () => skillnest);

import StartSlider from './App/Components/StartSlider'
import User from './App/Components/User'
import ClassList from './App/Components/ClassList'
import MainMapView from './App/Components/MainMapView'
import CoursePage from './App/Components/CoursePage'
import Categories from './App/Components/Categories'
import Topics from './App/Components/Topics'
import TeacherProfile from './App/Components/TeacherProfile'


import React, { Component } from 'react';
import {
  AppRegistry,
  Navigator,
  StyleSheet,
  TouchableHighlight,
  Text,
  View,
} from 'react-native';


const SCREEN_WIDTH = require('Dimensions').get('window').width;

/**
 * Overwrite the default navigator scene config.
 * to use a wider area for back swiping.
 */
const FloatFromRight = {
  ...Navigator.SceneConfigs.FloatFromRight,
  gestures: {
    pop: {
      ...Navigator.SceneConfigs.FloatFromRight.gestures.pop,
      edgeHitWidth: SCREEN_WIDTH / 2,
    },
  },
};


class skillnest extends Component {
  render() {
    return (
        <Navigator
          style={{ flex:1 }}
          initialRoute={{ name: 'StartSlider' }}
          renderScene={ this.renderScene }
          configureScene={ () => FloatFromRight }/>
    );
  }
  renderScene(route, navigator) {

     if(route.name == 'StartSlider') {
       return <StartSlider navigator={navigator} />
     }

     if(route.name == 'Categories') {
       return <Categories navigator={navigator} />
     }
     
     if(route.name == 'User') {
       return <User navigator={navigator} />
     }
     if(route.name == 'ClassList') {
       return <ClassList navigator={navigator} />
     }
     if(route.name == 'Topics') {
       return <Topics navigator={navigator} />
     }
     if(route.name == 'MainMapView') {
       return <MainMapView navigator={navigator} />
     }
     if(route.name == 'TeacherProfile') {
       return <TeacherProfile navigator={navigator} />
     }
  }
}


AppRegistry.registerComponent('skillnest', () => skillnest);

Remove slider route