NavigationProps 질문

맛집 지도앱 만들기 (React Native + NestJS)

[1-5] 프로젝트 생성 및 ruby 에러 해결

해결된 질문

작성

❗질문 작성시 꼭 참고해주세요
1. 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.
2. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.
3. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 일부만 복사해서 올려주시면 답변이 어렵습니다.)

MapHomeScreen.tsx 37번째 줄의 아래의 코드에서

CompositeNavigationProp의 첫번째 인자는 StackNavigationProp 이 아닌DrawerNavigationProp가 먼저와야 하는것 아닌가요?
코드는 에러없이 잘 작동하지만 단순히 궁금해서 여쭤봅니다~

type Navigation = CompositeNavigationProp<
  StackNavigationProp<MapStackParamList>,
  DrawerNavigationProp<MainDrawerParamList>
>;

react-native typescript nestjs react-query zustand

답변 2

Kyo

지식공유자

ai인턴 답변처럼 크게 중요하진 않다고 생각하는데요. 다만 CompositeNavigationProp 타입은 첫번째 자리에 좀더 구체적인 네비게이터 타입을 받고, 두번째는 보조 역할(부모 네비게이터)의 타입을 받아서 지금처럼 StackNavigationProp 먼저 타이핑 해주시면 될것같습니다!

최수렬

질문자

아하 감사합니다 찾아보니 첫번째 인자에 최상위 네비게이터가 와야한다고 하는데 에러가 없길래 궁금해서 질문 드렸습니다 감사합니다

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 최수렬님.

React Navigation에서 CompositeNavigationProp은 두 가지 네비게이터의 타입을 결합하여 사용하는 타입입니다. 이때 어떤 네비게이터 타입을 먼저 넣어야 하는지는 사실상 중요하지 않습니다. CompositeNavigationProp은 주어진 두 타입을 병합하여 하나의 네비게이터로 작동하게 도와주기 때문에, 순서는 코드의 작동 방식에 영향을 미치지 않아요.

그렇기 때문에 현재 질문하신 코드에서 StackNavigationProp이나 DrawerNavigationProp 어느 것이 먼저 오더라도 작동에는 문제가 없습니다. 다만, 코드의 가독성이나 팀 내의 컨벤션에 따라 순서를 유지하면 좋습니다.

관련하여 더 많은 정보를 원하신다면, 다음의 게시물을 참고해 보세요:

🔗 Composite Navigation Prop 사용법 설명

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

NavigationProps 질문