이 코드에서 사용된 ??는 최신 자바스크립트 문법인 nullish 병합 연산자입니다. 연산자 좌측에 있는 값이 null이거나 undefined면 우측의 값으로 설정합니다.

앞서 언급했듯이 getFocusedRouteNameFromRoute는 화면이 바뀌기 전까지는 undefined를 반환하기 때문에, undefined인 경우 'Home' 값으로 설정하도록 코드를 작성했습니다. 그리고 화면의 name과 타이틀 값을 잇는 nameMap 객체를 만들어서 해당되는 타이틀을 보여주도록 구현했습니다. 이제 코드를 저장해보세요. 선택된 탭에 따라 타이틀이 동기화되고 있나요?

▲ 그림 5-28 타이틀 동기화

지금까지 다양한 내비게이터를 알아봤습니다. 이 중에서 어떤 내비게이터를 사용해야 할까요? 사실상 기획과 상황에 따라 사용해야 할 내비게이터가 다를 것입니다. 일반적으로는 네이티브 스택 내비게이터와 하단 탭 내비게이터를 조합해 많이 사용합니다. 실제로 npm 다운로드 통계에서도 해당 내비게이터의 다운로드 수가 높은 편입니다. 머티리얼 탭은 효과가 멋있지만 이 책에서는 잘 사용하지 않고, 앞으로 프로젝트를 만들 때는 주로 네이티브 스택 내비게이터와 하단 탭 내비게이터를 사용할 것입니다.