[React Native] 탭 간 이동시 탭에 쌓여있는 스택 새로고침/초기화하기

 

 

navigation시 화면 하단에 있는 탭을 터치해서 탭 간 이동을 할 때 각 탭에 쌓여있는 스택을 비우고 싶다면 Tab.Navigator 선언 시 screenOptions에 unmountOnBlur: true 옵션을 사용하면 된다.

const Tab = createBottomTabNavigator();

<Tab.Navigator
      screenOptions={{
        unmountOnBlur: true,
      }}
>

 

 

참고: https://reactnavigation.org/docs/bottom-tab-navigator/#unmountonblur