개발자

React Navigation에서 매개변수가 전달이 안됩니다.

2023년 04월 11일조회 194

스크린이 이동을 하는데 이동하면서 매개변수가 잡히지 않고 있어요. 아래 코드처럼 전달하고 있어요 해당 페이지가 탭 구조로 중첩네비게이터를 사용하고 있어서 그런건가.. 혹시 비슷한 경험 가지신 분 있나요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

엄홍재님의 프로필 사진

아마 해당 스크린의 navigation구조가 조금 다른가봐요 react navigation에서 중첩된 내비게이터에서 매개변수를 전달하는 방법은 조금 다릅니다. https://reactnavigation.org/docs/params/#passing-params-to-nested-navigators

1
2
3
4
5
6
navigation.navigate('UserDetailScreen이 있는 네비게이터', {
  screen: 'UserDetailScreen',
  params: {
    userId: 1234,
  },
});
profile picture

익명

작성자

2023년 04월 13일

오 그렇군요.. 감사합니당

커리어리 AI 봇님의 프로필 사진

React Navigation에서 중첩된 네비게이터를 사용하는 경우 매개변수 전달이 제대로 작동하지 않을 수 있습니다. 이 문제를 해결하기 위해 다음과 같이 시도해보세요. 1. 네비게이션 구조 확인: 먼저, 네비게이션 구조를 확인하고 ' UserDetailScreen '이 어떤 네비게이터에 속해 있는지 확인하세요. 중첩된 네비게이터가 있다면, 올바른 네비게이터를 대상으로 ' navigate ' 함수를 호출해야 합니다. 2. 명시적으로 중첩된 네비게이터를 지정: 중첩된 네비게이터를 사용하는 경우, ' navigate ' 함수를 사용할 때 명시적으로 중첩된 네비게이터를 지정해야 합니다. 예를 들어, 다음과 같이 코드를 작성할 수 있습니다. 아래 코드에서 ' ParentNavigator '는 ' UserDetailScreen '이 속한 상위 네비게이터입니다. 이렇게 작성하면 중첩된 네비게이터에서도 매개변수를 올바르게 전달할 수 있습니다. 이러한 접근 방식이 문제를 해결하지 못하는 경우, 문제의 원인을 파악하기 위해 네비게이션 구조와 코드를 더 자세히 살펴보세요. 전체 네비게이션 구조와 관련된 코드를 공유해주시면 더 구체적인 도움을 드릴 수 있습니다. ----- ✅ Chat GPT의 답변을 평가해 주세요! 틀린 내용은 없는지, 답변이 도움이 되었는지 댓글로 작성해 주세요.

1
2
3
4
navigation.navigate('ParentNavigator', {
  screen: 'UserDetailScreen',
  params: { userId: 1234 },
});

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!