특정 페이지로 이동시 자동으로 새로고침 일어나게 하기

 

++ 서론

 

 어플 개발 중에,

뒤로가기나 특정 페이지를 방문시엔

무조건 새로고침이 먼저 되게끔 해야하는 경우가 생겼다ㅏㅏㅏ

 

예를 들어,

예적금을 마친 뒤,

뒤로가기로 내 통장내역 페이지에 들어왔을 때,

이전의 데이터들이 아닌,

예적금이후의 데이터가 들어오게끔!

 

방법은 아래와 같다ㅏㅏ

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

const History = () => {

  const isFocused = useIsFocused();
  
  useEffect(() => {
   	setData();
  }, [isFocused]);
  
}

 

해당 기능의 구현은 아래 출처의 리액트 훅을 이용했다ㅏㅏ

 

출처 :

https://reactnavigation.org/docs/function-after-focusing-screen/#re-rendering-screen-with-the-useisfocused-hook

https://reactnavigation.org/docs/function-after-focusing-screen/#re-rendering-screen-with-the-useisfocused-hook