유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Custom Tab Navigation in Expo Router | React Native Tutorial | Part 1

Code With Nomi

2024. 6. 5.

0

#mobile app
#frontend
  • Expo Router를 사용하여 사용자 정의 가능한 탭 네비게이션을 만드는 방법을 배우게 될 것입니다. 🛠️
  • 가장 최신 Expo Router(버전 51)를 사용하려면, npx create-expo-app ExpoCustomTabs --template blank 명령어를 사용하여 프로젝트를 시작합니다. 🚀
  • Expo Router는 기본적으로 React Navigation을 사용하므로 Tab Navigator를 사용하여 탭 네비게이션을 구현할 것입니다. 🔄
  • app 폴더 내에 layout.js 파일을 생성하여 각 탭을 정의합니다. 🏞️
  • 각 탭은 tabs.screen 내부에서 정의되며, title 설정을 통해 탭 이름을 설정합니다. 🔤
  • 탭 네비게이션 왼쪽으로 나타나는 겹쳐진 테블릿 과 같은 표시를 나타내는 'tab bar' 설정을 사용하여 탭 네비게이션의 모양을 변경할 수 있습니다. 🌅

Recommanded Videos