logo

[React Navigation] useEffect가 아닌 useFocusEffect 사용하여 stack 구조 화면 초기화하기

language-logoReactJS
language-logoReact Native

• React Native 프로젝트에서 React Navigation 라이브러리를 사용하여 라우팅을 구현하였으나, 컴포넌트 초기화 이슈 발생
• useEffect를 사용하여 컴포넌트 리렌더링 시도하였으나, 부분적으로만 성공하고 전역 상태 관리의 번거로움이 존재함
• React Native에서 화면 전환 시 컴포넌트가 초기화되지 않는 문제 발생, 웹과 모바일 앱의 화면 전환 방식 차이로 인한 것
• 해결 방법으로 React Navigation의 focus/blur 이벤트를 활용하여 컴포넌트 초기화 가능

thumbnail
북마크
공유하기
신고하기
10분 분량
조회수 260
profile-imageQuartz
2년 전
Copyright © 2025. Codenary All Rights Reserved.