[TIL] Tab Navigation Back 버튼 문제

햄스터아저씨·2021년 8월 26일
0

React Navigaion Bottom Tab에서 안드로이드의 경우 back 버튼 클릭하면,
stack의 해더는 그대로인 채로 body만 바뀌는 문제 해결방안

Home에서의 Back button 동작은 Flow를 따로 정해주지 않았으므로, 아래와 같은 해결책이 있다.

  1. header도 바뀌게 한다.
  2. back 버튼 누를경우, 아무 동작도 하지 않거나, 앱이 꺼지도록 한다.

나는 1번의 해법을 찾지 못해 방법 2번을 선택했다.

      <Tab.Navigator
        // 가질 수 있는 값은 다음 5개와 같다.
        // 'initialRoute' | 'firstRoute' | 'history' | 'order' | 'none';
        // firstRoute 를 원했지만, 아직 goBack() 혹은 backhandler() 로 해더를 변경하는 포인트 지점을 아직 모르므로, 일단 none으로 처리
        backBehavior={"none"}
profile
서버도 하고 웹도 하고 시스템이나 인프라나 네트워크나 그냥 다 함.

0개의 댓글