inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

NavigationProps 질문

해결된 질문

134

최수렬

작성한 질문수 7

0

  1. 질문 작성시 꼭 참고해주세요

    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

0

Kyo

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

1

최수렬

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

0

인프런 AI 인턴

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

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

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

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

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

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2