이 컴포넌트는 UploadScreen과 유사합니다. description 상태의 경우 초깃값을 라우트 파라미터로 불러온 값을 사용합니다. 이 컴포넌트를 UploadScreen과 통합해 관리할 수도 있지만, UploadScreen 컴포넌트가 너무 복잡해지는 것을 방지하기 위해 컴포넌트를 새로 만들어줬습니다. 이 컴포넌트도 UploadScreen과 마찬가지로 설명에 Enter가 너무 많으면 iOS에서 텍스트가 화면 밖에 보이게 되므로 KeyboardAvoidingView로 한번 감싸줬습니다.

이제 방금 만든 컴포넌트를 RootStack에 등록하세요.

screens/RootStack.js

(...)
import ModifyScreen from './ModifyScreen';

const Stack = createNativeStackNavigator();

function RootStack() {
  (...)
  return (
    <Stack.Navigator>
      {user ? (
        <>
          (...)
          <Stack.Screen
            name="Upload"
            component={UploadScreen}
            options={{title: '새 게시물', headerBackTitle: '뒤로가기'}}
          />
          <Stack.Screen
            name="Modify"
            component={ModifyScreen}
            options={{title: '설명 수정', headerBackTitle: '뒤로가기'}}
          />
        </>
      ) : (
        <>
          (...)
        </>
      )}
    </Stack.Navigator>
  );
}

export default RootStack;