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

React Navigation은 navigation에서 상태가 변화하면 호출되는 이벤트를 제공합니다. 그 중 하나인 `addListener`는 뒤로 가기 행동을 감지하는데 사용할 수 있습니다. Stack.Screen 컴포넌트 내에서 useEffect hook을 사용해 addListener를 등록하여 'blur'(화면이 un-focus 되었을 때) 혹은 'focus'(화면이 focus 받았을 때) 이벤트를 감지하도록 할 수 있습니다. 다음의 예시 코드를 참고해보세요: ```tsx import { useNavigation, useIsFocused } from '@react-navigation/native'; // 페이지 컴포넌트 내부 export default function Page1() { const navigation = useNavigation(); const isFocused = useIsFocused(); useEffect(() => { const unsubscribe = navigation.addListener('blur', () => { // 화면이 un-focus 될 때 실행할 로직 console.log('Page1 blurred'); }); return unsubscribe; }, [navigation]); useEffect(() => { if(isFocused){ // 본 페이지로 돌아왔을 경우의 로직 (아이콘 색상 변경 등) } }, [isFocused]); return ( <View> ... </View> ); } ``` 위 방식으로 각각의 스크린에서 뒤로 가기 행동에 따른 반응을 설정할 수 있습니다. 단, 만일 React Navigation version5를 사용한다면 `useFocusEffect`라는 것도 존재함으로 참고하세요.