TwoScreens: React Native 네비게이션 스터디 Expo + 탭 네비게이션 + 화면 전환 학습 프로젝트 🚀

Source: Dev.to

Overview

React Native 네비게이션 기본을 마스터하기 위해 만든 학습 프로젝트입니다. Expo와 React Navigation을 사용해 부드러운 전환을 구현한 두 개의 화면과 커스텀 하단 탭 바를 보여줍니다.

Features

• React Navigation 설정 (@react-navigation/native, @react-navigation/bottom-tabs)
• 네이티브 화면 전환
• 왼쪽에 정렬된 아이콘을 가진 하단 탭 바
• 즉시 테스트 가능한 Expo 워크플로우
• 사용자 프로필이 있는 간단한 HomeScreen, 프로필을 탭하면 NotificationsScreen으로 이동

Setup

git clone https://github.com/Arvik1982/TwoScreens.git
cd TwoScreens
npm install
npx expo start

Navigation Flow

1. HomeScreen – 사용자 프로필을 표시합니다.
2. 프로필 이름을 탭하면 NotificationsScreen으로 이동합니다.
3. 하단 탭 바는 계속 표시되며, 왼쪽 아이콘이 Home 화면을 나타냅니다.