App.js

import React, { Component } from "react";
import Profile from "./Components/Profile/Profile";
import UserHomeScreen from "./Components/UserHomeScreen/UserHomeScreen";
import AppHomeScreen from "./Components/AppHomeScreen/AppHomeScreen";
import Login from "./Components/Login/Login";
import AddListForm from "./Components/AddListForm/AddListForm";
import CreateAccount from "./Components/CreateAccount/CreateAccount";
import EditProfile from "./Components/EditProfile/EditProfile";
import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { createStore } from "redux";
import rootReducer from "./reducers";
import { Provider } from "react-redux";
import NeedDone from "./Components/NeedDone/NeedDone";
import NeedDoneTasks from "./Components/NeedDoneTasks/NeedDoneTasks";
import NeedToDo from "./Components/NeedToDo/NeedToDo";
import NeedToDoTasks from "./Components/NeedToDoTasks/NeedToDoTasks";
import LogOutButton from "./LogOutButton";

export const store = createStore(rootReducer);

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <Navigator />
      </Provider>
    );
  }
}

const AppNavigator = createStackNavigator(
  {
    Home: {
      screen: AppHomeScreen,
      navigationOptions: {
        header: null
      }
    },
    Login,
    CreateAccount: {
      screen: CreateAccount,
      navigationOptions: {
        header: null
      }
    },
    User: {
      screen: UserHomeScreen,
      navigationOptions: {
        headerLeft: null,
        headerRight: (<LogOutButton />),
      }
    },
    Profile: {
			screen: Profile,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
    EditProfile: {
			screen: EditProfile,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
    NeedDone: {
			screen: NeedDone,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
    AddListForm: {
			screen: AddListForm,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
    NeedDoneTasks: {
			screen: NeedDoneTasks,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
    NeedToDo: {
			screen: NeedToDo,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
		NeedToDoTasks: {
			screen: NeedToDoTasks,
      navigationOptions: {
        headerRight: (<LogOutButton />)
      }
		},
		LogOutButton
  },
  {
    initialRouteName: "Home"
  }
);

const Navigator = createAppContainer(AppNavigator);

export default App;