React-Navigation 스택 리셋

게시판과 같은 페이지에서 글 작성 후 등록을 눌러 게시판으로 넘어오면 방금 등록한 데이터가 바로 들어오지 않는 경우가 생겼다.
react navigate 의 경우에는 스택을 쌓는 형탠 데 게시판에서 작성을 누르면 이전에 쌓여있던 스택으로 되돌아오는 셈이다 보니 이미 한번 렌더링 된 페이지라고 생각하여 다시 불러와 지지 않게 되는 것이였다.

그러면 이전에 쌓았던 게시판 스택을 굳이 가지고 있지 않고 스택 제일 위로 쌓으면 되지 않을까 해서 서칭을 하던 도중 해당 페이지를 reset시켜서 다시 랜더링 시키는 함수를 찾게 되어 사용했다.

사용법은 다음과 같다.

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

const onSend = async () => {
    await restApi.post('/sequence', { ...addData, rounds: plusTime })
      .then((res) => {
        navigation.dispatch(
          CommonActions.reset({
            routes: [
              { name: 'Main' },
            ],
          }))
       navigation.navigate('Main')
      })
      .catch((err) => { })
  }