* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

앱의 기본 화면의 띄우는 정도는 많이 익수해 졌습니다. 메뉴배치나 그런것은 자유로운데요. 기본앱을 만들고, 아래 화면과 같이 DrawScreen 파일의 이름을

KoScreen 이런식으로 이름을 바꾸면 네비게이션 쪽에서 경로 관련 오류가 항상 나오네요. 연관된 파일들 찾아서 import 다 바꿔주고, 변수명도 수정해 줘도 아래와 같은 오류가 나네요.

간혹 네비게이션을 npm install, navigate.... 다시 실행하면 수정이 잡히는 경우도 있던데, 정확한 원인을 모르겠네요.

혹시 원인을 알수 없을까요?

분명 원본에서는 잘 작동 되던게, 같은 변수, 이름명을 사용할수 없기에 수정만 하면 오류가 생기네요. 도움좀 받을수 있을까요?

보고 계신 화면

전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

import React from 'react';

import HomeScreen from './screens/HomeScreen';

import {createNativeStackNavigator} from '@react-navigation/native-stack';

import {NavigationContainer} from '@react-navigation/native';

import KosScreen from './screens/KosScreen';

import FrsScreen from './screens/FrsScreen';

const Stack = createNativeStackNavigator();

function App() {

  return (

      <NavigationContainer>

        <Stack.Navigator initialRouteName="Home" screenOptions={{ headerShown: false }}>

            <Stack.Screen name={'Home'} component={HomeScreen}  />

            <Stack.Screen name={'Kos'} component={KosScreen}  /> // kos는 원래 Draw

            <Stack.Screen name={'Frs'} component={FrsScreen}  /> // Frs는 원래 ReDraw

       </Stack.Navigator>

      </NavigationContainer>

  )

}

export default App;

에러 메시지는 위에 첨부 사진입니다.

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!