index.js

import * as React from "react";
import {Platform, StatusBar, StyleSheet, View, Text} from "react-native";
import {NavigationContainer} from "@react-navigation/native";
import {createStackNavigator} from "@react-navigation/stack";
import {createDrawerNavigator} from "@react-navigation/drawer";
import {connect} from "react-redux";

import BottomTabNavigator from "./navigation/BottomTabNavigator";
import useLinking from "./navigation/useLinking";
import RequestListScreen from "./screens/RequestListScreen";
import DonateListScreen from "./screens/donate/DonateListScreen";
import DonateScreen from "./screens/donate/DonateScreen";
import TaskScreen from "./screens/task/TaskScreen";
import VolunteerListScreen from "./screens/VolunteerListScreen";
import SplashScreenView from "./components/SplashScreenView";
import LoginScreen from "./screens/LoginScreen";
import SettingsScreen from "./screens/SettingsScreen";
import OrganisationsListScreen from "./screens/organisation/OrganisationsListScreen";
import OrganisationProfileScreen from "./screens/organisation/OrganisationProfileScreen";
import AddOrganisationScreen from "./screens/organisation/AddOrganisationScreen";
import ItemsListScreen from "./screens/organisation/ItemsListScreen";
import OrganisationCampaignsScreen from "./screens/organisation/OrganisationCampaignsScreen";
import OrganisationVolunteersScreen from "./screens/organisation/OrganisationVolunteersScreen";
import OrganisationAccountsScreen from "./screens/organisation/OrganisationAccountsScreen";
import OrganisationAttachmentsScreen from "./screens/organisation/OrganisationAttachmentsScreen";
import OrganisationMembersScreen from "./screens/organisation/OrganisationMembersScreen";
import OrganisationPackagesScreen from "./screens/organisation/OrganisationPackagesScreen";
import OrganisationRequestsScreen from "./screens/organisation/OrganisationRequestsScreen";
import OrganisationRegionsScreen from "./screens/organisation/OrganisationRegionsScreen";
import OrganisationJoinVolunteerScreen from "./screens/organisation/OrganisationJoinVolunteerScreen";
import RequestsScreen from "./screens/request/RequestsScreen";
import RequestThreadScreen from "./screens/request/RequestThreadScreen";
import UpdateRequestRegionScreen from "./screens/request/UpdateRequestRegionScreen";
import DonationRequestsScreen from "./screens/donate/DonationRequestsScreen";
import DonationRequestThreadScreen from "./screens/donate/DonationRequestThreadScreen";

const Stack = createStackNavigator();
const Drawer = createDrawerNavigator();

function MainApp(props) {
  const [isLoadingComplete, setLoadingComplete] = React.useState(false);
  const [initialNavigationState, setInitialNavigationState] = React.useState();
  const containerRef = React.useRef();
  const {getInitialState} = useLinking(containerRef);

  // Load any resources or data that we need prior to rendering the app
  React.useEffect(() => {
    async function loadResourcesAndDataAsync() {
      try {
        setInitialNavigationState(await getInitialState());
      } catch (e) {
        console.warn(e);
      } finally {
        setLoadingComplete(true);
      }
    }

    loadResourcesAndDataAsync();
  }, []);
  //console.log('props.user: ', props.user)
  return (
    <View style={styles.container}>
      {Platform.OS === "ios" && <StatusBar barStyle="default" />}
      <NavigationContainer
        ref={containerRef}
        initialState={initialNavigationState}
      >
        <Stack.Navigator>
          {props.user == null ? (
            <Stack.Screen name="Root" component={LoginScreen} />
          ) : (
            <Stack.Screen name="Root" component={BottomTabNavigator} />
          )}
          <Stack.Screen name="LoginRoot" component={LoginScreen} />
          <Stack.Screen name="DonateList" component={DonateListScreen} />
          <Stack.Screen name="Donate" component={DonateScreen} />
          <Stack.Screen name="RequestList" component={RequestListScreen} />
          <Stack.Screen name="VolunteerList" component={VolunteerListScreen} />
          <Stack.Screen name="Task" component={TaskScreen} />
          <Stack.Screen name="Settings" component={SettingsScreen} />
          <Stack.Screen
            name="Organizations"
            component={OrganisationsListScreen}
          />
          <Stack.Screen
            name="OrganizationProfile"
            component={OrganisationProfileScreen}
          />
          <Stack.Screen
            name="AddOrganisation"
            component={AddOrganisationScreen}
          />
          <Stack.Screen name="ItemsList" component={ItemsListScreen} />
          <Stack.Screen
            name="CampaignsList"
            component={OrganisationCampaignsScreen}
          />
          <Stack.Screen
            name="VolunteersList"
            component={OrganisationVolunteersScreen}
          />
          <Stack.Screen
            name="AccountsList"
            component={OrganisationAccountsScreen}
          />
          <Stack.Screen
            name="AttachmentsList"
            component={OrganisationAttachmentsScreen}
          />
          <Stack.Screen
            name="MembersList"
            component={OrganisationMembersScreen}
          />
          <Stack.Screen
            name="PackagesList"
            component={OrganisationPackagesScreen}
          />
          <Stack.Screen
            name="OrgRequestList"
            component={OrganisationRequestsScreen}
          />
          <Stack.Screen
            name="RegionsList"
            component={OrganisationRegionsScreen}
          />
          <Stack.Screen
            name="JoinAsVolunteer"
            component={OrganisationJoinVolunteerScreen}
          />
          <Stack.Screen name="Requests" component={RequestsScreen} />
          <Stack.Screen
            name="DonationRequests"
            component={DonationRequestsScreen}
          />
          <Stack.Screen name="RequestThread" component={RequestThreadScreen} />
          <Stack.Screen
            name="DonationRequestThread"
            component={DonationRequestThreadScreen}
          />
          <Stack.Screen
            name="UpdateRegionRequest"
            component={UpdateRequestRegionScreen}
          />
        </Stack.Navigator>
        {/* <Drawer.Navigator initialRouteName="Home">
  <Drawer.Screen name="Root" component={BottomTabNavigator} />
  <Drawer.Screen name="Notifications" component={NotificationsScreen} />
</Drawer.Navigator> */}
      </NavigationContainer>
    </View>
  );
}

const mapStateToProps = (state) => {
  return {
    user: state.user.currentUser,
  };
};
export default connect(mapStateToProps)(MainApp);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
  },
});