[FEAT/#12] 바텀 네비게이션 구현 #12
Description
어떤 기능인가요?
바텀 네비게이션 구현
작업 상세 내용
- assets에 관련 아이콘 추가
- app 폴더 하위에 관련 로직
📂 작업 파일 목록
| 번호 | 파일 경로 | 작업 유형 | 상세 내용 |
|---|---|---|---|
| 1 | src/entities/user/model/types.ts |
✨ 신규 | UserType 정의 |
| 2 | src/widgets/bottom-tab-bar/model/tabConfig.ts |
✨ 신규 | 탭 설정 상수 |
| 3 | src/widgets/bottom-tab-bar/ui/BottomTabItem.tsx |
✨ 신규 | 탭 아이템 순수 UI |
| 4 | src/widgets/bottom-tab-bar/ui/BottomTabBar.tsx |
✨ 신규 | 탭 바 순수 UI |
| 5 | src/app/(tabs)/_layout.tsx |
📝 수정 | Expo Router 어댑터 |
| 6 | src/app/(tabs)/nearby.tsx |
✨ 신규 | placeholder |
| 7 | src/app/(tabs)/coupons.tsx |
✨ 신규 | placeholder |
| 8 | src/app/(tabs)/dashboard.tsx |
✨ 신규 | placeholder |
| 9 | src/app/(tabs)/chat.tsx |
✨ 신규 | placeholder |
| 10 | src/app/(tabs)/account.tsx |
✨ 신규 | placeholder |
SVG 머지 후 교체 절차:
shared/assets/icons/ 에 .svg 파일 배치
tabConfig.ts 의 activeIconName/inactiveIconName 필드 → Icon: ComponentType 으로 교체
BottomTabItem.tsx 의 Ionicons 렌더링 → <tab.Icon /> 으로 교체
auth store 연결 시: _layout.tsx:12의 TEMP_USER_TYPE 상수를 useAuthStore((s) => s.userType) 로 교체
참고할만한 자료(선택)
