App.js

import React, { Component } from "react";
import { AsyncStorage, processColor, View } from 'react-native';
import WelcomeScreen from "./app/screens/WelcomeScreen";
import Home from "./app/screens/Home"
import Enrollment from "./app/screens/Enrollment";
import WritePettition from "./app/screens/WritePettition";
import SimilarCaseAnalysis from "./app/screens/SimilarCaseAnalysis";
import TerminologyExplanation from "./app/screens/TerminologyExplanation";
import CaseView from "./app/screens/CaseView";
import QnaList from "./app/screens/QnaList";
import QaUser from "./app/screens/QaUser";
import QaWrite from "./app/screens/QaWrite";
import QaAnswer from "./app/screens/QaAnswer";
import QnaView from "./app/screens/QnaView";
import SideMenu from "./app/screens/SideMenu";
import MyPage from "./app/screens/MyPage";
import ProfileMod from "./app/screens/ProfileMod";
import Lawyer from "./app/screens/Lawyer";
import LawyerRecommendation from "./app/screens/LawyerRecommendation";
import LawyerModify from "./app/screens/LawyerModify";
import FavCase from "./app/screens/SideMenus/FavCase";
import FavLawyer from "./app/screens/SideMenus/FavLawyer";
import FavQA from "./app/screens/SideMenus/FavQA";
import MyPosts from "./app/screens/SideMenus/MyPosts";
import MyComments from "./app/screens/SideMenus/MyComments";
import MyQuestions from "./app/screens/SideMenus/MyQuestions";
import MyAnswers from "./app/screens/SideMenus/MyAnswers";
import FavPosts from "./app/screens/SideMenus/FavPosts";
import Board from "./app/screens/Board";
import BoardDetail from "./app/screens/BoardDetail";
import BoardWrite from "./app/screens/BoardWrite";

import { NavigationContainer } from '@react-navigation/native';
// import { createStackNavigator } from '@react-navigation/stack';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { MyContext, PRODUCTION_URL } from './context.js';

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

export default class App extends Component {
  state = {
    url: PRODUCTION_URL,
    token: '',
    firstPage: "WelcomeScreen",
    loaded: false,
  };

  updateToken = (new_token) => {
    this.setState({ // React
      token: new_token,
    });
  }

  async componentDidMount() {
    const token = await AsyncStorage.getItem('auth.accessToken');
    if(token) {
      fetch(`${this.state.url}/login/check`, {
        method: "GET",
        headers: {
          'token': token,
        }
      }).then(res => {
        return res.json();
      }).then(res => {
        if(res.success) {
          this.setState({
            token: token,
            firstPage: "Home",
          })
        }

        this.setState({
          loaded: true,
        })
      });
    } else {
      this.setState({
        loaded: true,
      })
    }
  }

  render() {
    if(!this.state.loaded) {
      return (<View></View>);
    }

    return (
      <MyContext.Provider value={{
        API_URL: this.state.url,
        token: this.state.token,
        updateToken: this.updateToken,
        favCategoryUpdated: false,
        userInt: [],
      }}>
        <NavigationContainer>
          <Drawer.Navigator drawerContent={(props) => <SideMenu {...props}/>} initialRouteName={this.state.firstPage} hideStatusBar>
            <Drawer.Screen name="WelcomeScreen" component={WelcomeScreen} options={{ headerShown: false }} />
            <Drawer.Screen name="Home" component={Home} options={{ headerShown: false }} />
            <Drawer.Screen name="Enrollment" component={Enrollment} options={{ headerShown: false }} />
            <Drawer.Screen name="WritePettition" component={WritePettition} options={{ headerShown: false }} />
            <Drawer.Screen name="SimilarCaseAnalysis" component={SimilarCaseAnalysis} options={{ headerShown: false }} />
            <Drawer.Screen name="TerminologyExplanation" component={TerminologyExplanation} options={{ headerShown: false }} />
            <Drawer.Screen name="CaseView" component={CaseView} options={{ headerShown: false }} />
            <Drawer.Screen name="QnaList" component={QnaList} options={{ headerShown: false }} />
            <Drawer.Screen name="QaAnswer" component={QaAnswer} options={{ headerShown: false }} />
            <Drawer.Screen name="QaUser" component={QaUser} options={{ headerShown: false }} />
            <Drawer.Screen name="QaWrite" component={QaWrite} options={{ headerShown: false }} />
            <Drawer.Screen name="QnaView" component={QnaView} options={{ headerShown: false }} />
            <Drawer.Screen name="MyPage" component={MyPage} options={{ headerShown: false }} />
            <Drawer.Screen name="ProfileMod" component={ProfileMod} options={{ headerShown: false }} />
            <Drawer.Screen name="Lawyer" component={Lawyer} options={{ headerShown: false }} />
            <Drawer.Screen name="LawyerRecommendation" component={LawyerRecommendation} options={{ headerShown: false }} />
            <Drawer.Screen name="LawyerModify" component={LawyerModify} options={{ headerShown: false }} />
            <Drawer.Screen name="FavCase" component={FavCase} options={{headerShown:false}} />
            <Drawer.Screen name="FavLawyer" component={FavLawyer} options={{headerShown:false}} />
            <Drawer.Screen name="FavQA" component={FavQA} options={{headerShown:false}} />
            <Drawer.Screen name="MyPosts" component={MyPosts} options={{headerShown:false}} />
            <Drawer.Screen name="MyComments" component={MyComments} options={{headerShown:false}} />
            <Drawer.Screen name="MyQuestions" component={MyQuestions} options={{headerShown:false}} />
            <Drawer.Screen name="MyAnswers" component={MyAnswers} options={{headerShown:false}} />
            <Drawer.Screen name="FavPosts" component={FavPosts} options={{headerShown:false}} />
            <Drawer.Screen name="Board" component={Board} options={{ headerShown: false }} />
            <Drawer.Screen name="BoardDetail" component={BoardDetail} options={{ headerShown: false }} />
            <Drawer.Screen name="BoardWrite" component={BoardWrite} options={{ headerShown: false }} />
          </Drawer.Navigator>
        </NavigationContainer>
      </MyContext.Provider>
    )
  }
}