하단 탭 바 구현

[eshc123]

주요 내용

• 하단 탭 바와 해당 화면을 자연스럽게 나타내기 위해 하단 탭에서 바로 이동 가능한 화면과 해당 화면들에서 이동 가능한 화면들을 분리하여 구현하였습니다.
  • Mission, History, Setting을 포함한 Navigation을 하단바와 함께 MainTabContent에 구현을 하였고, 나머지 화면들은 MainTabContent와 함께 MainNavHost에 포함되어 있습니다.
  • 탭의 이동은 MainTabNavigator, 그 외 화면 이동은 MainNavigator로 가능합니다.
  • MainTabDataModel을 이용하여 탭 이외의 화면에서 탭 화면으로 이동 시 데이터와 이동할 화면을 지정할 수 있습니다.
  • 내기록 화면을 구현하기 위한 History 모듈을 추가하였습니다.(현재는 '준비중입니다'라는 텍스트로 노출됩니다)

스크린샷

하단 탭바	내기록