App.js

// NOTE: LOGIN AND LoginForm ARE NOT USE FOR THIS PROJECT
import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, KeyboardAvoidingView, TextInput, TouchableOpacity, Alert, Button, StatusBar} from 'react-native';
import { StackNavigator,DrawerNavigator } from 'react-navigation';


// IMPORT COMPONENTS
import firebase from "firebase";
import InterestScreen from './components/registration/InterestsPage';
import BiographyScreen from './components/registration/Biography';
// import ImageUploadScreen from './components/registration/ImageUpload';
import LoginFormScreen from './components/login/LoginForm';
import SimilarInterestsLayout from './components/similarInterests/similarInterestsView.js';
import LoggedInScreen from './components/loggedIn/loggedInScreen.js';
//import UserProfile from './components/userViews/profile.js';
import SideBar from './components/NavigationMenu/SideBar.js';
import SettingScreen from './components/settings/setting.js';
import Chat from './components/chat/chat.js';
import TestPage from "./testpage.js";
import UserProfileScreen from './components/userViews/UserProfile';

const myDrawer = DrawerNavigator({
//UserProfile: { screen: UserProfile },
	Interest: { screen: InterestScreen },
    Biography: { screen: BiographyScreen },
    // ImageUpload: { screen: ImageUploadScreen },
    SimilarInterests: { screen: SimilarInterestsLayout },
    LoggedIn: { screen: LoggedInScreen },
    Chat: { screen: Chat},
    UserProfile: { screen: UserProfileScreen },
},
{
	contentComponent: props => <SideBar {...props} />
});

// routes takes components "acts like a navbar"
const SimpleApp = StackNavigator({
  LoginForm: { screen: LoginFormScreen },
  Home: { screen: myDrawer },
  Setting: { screen: SettingScreen},
  Interest: { screen: InterestScreen },
  Biography: { screen: BiographyScreen },
  // ImageUpload: { screen: ImageUploadScreen },
  SimilarInterests: { screen: SimilarInterestsLayout },
  LoggedIn: { screen: LoggedInScreen },
  TestPage: { screen: TestPage },
  Chat: { screen: Chat},
  UserProfile: { screen: UserProfileScreen },
});


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