ReactNative 네비게이션 뒤로갔을 때 감지

안녕하세요! RN으로 앱 개발 공부를 시작한 학생입니다. 개발 도중 해결이 어려운 문제가 있어서 고수님들의 도움을 받고자 글을 남깁니다. 문제는 다음과 같습니다. 하단 바 네비게이션을 만들었습니다. 하단 바로 이동 가능한 페이지는 페이지1부터 페이지4까지 4개입니다. 하단 바 페이지로 이동하면 해당 하단 바 아이콘의 색상이 변합니다. 모든 페이지에서 접근 가능한 페이지 5가 존재합니다. 페이지 5에서는 뒤로가기 버튼이 있고 페이지 5에서의 하단 바 아이콘은 이전 페이지에 영향을 받습니다. 예를들어 페이지1 -> 페이지5 의 경우 하단바 아이콘은 페이지1에 해당하는 아이콘의 색상이 변경됩니다. 저는 페이지1~4의 스크린 상태를 전역으로 관리해서 하단 바를 통해 다른 페이지로 이동할 때만 스크린 상태를 바꿔서 아이콘을 변경하는 식으로 작성했습니다. 문제는 만약 ios/android의 기기에서 기본적으로 있는 뒤로가기 기능을 사용했을 때 입니다.(ios의 경우 왼쪽화면을 오른쪽으로 넘기는 것) 페이지1 -> 페이지4에서 위 기능으로 이전 페이지인 페이지1로 넘어갔을 때 하단 바 아이콘은 변하지 않게 됩니다. 보통 앱 개발을 할 때는 이것을 어떻게 해결하는지 궁금합니다!

이 질문이 도움이 되었나요?

'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

추천해요 0

보충이 필요해요 0

익명님의 질문