Custom Tab Navigation in Expo Router | React Native Tutorial | Part 1
- 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' 설정을 사용하여 탭 네비게이션의 모양을 변경할 수 있습니다. 🌅