[RN] react-native에서 Refresh 하고 싶을때 (useIsFocused 사용하기)

작업을 하다보면 naviagation.goBack() 을 했을 때 리랜더링을 해줘야 할 때가 있다. 그럴 때 유용하게 사용할 수 있는 hook이 있는데 

바로 useIsFocused이다.

 

useEffect의 두번째 인자에 넣어주면 뒤로가기를 할 때 refresh를 할 수 있다.

 

import { useIsFocused } from '@react-navigation/native';

const isFocused = useIsFocused();
 
useEffect(() => {
  
  if (isFocused) console.log('Focused!!');
    
}, [isFocused]);

 

 

 

공식문서 참고

https://reactnavigation.org/docs/use-is-focused/