TwoScreens: React Native Navigation Study Expo + Tab Navigation + Screen Transitions Learning Project 🚀

Source: Dev.to

Overview

A study project designed to master the basics of React Native navigation. It demonstrates two screens with smooth transitions using Expo and React Navigation, including a customized bottom tab bar.

Features

• React Navigation setup (@react-navigation/native, @react-navigation/bottom-tabs)
• Native screen transitions
• Bottom Tab Bar with a left‑aligned icon
• Expo workflow for instant testing
• Simple HomeScreen with a user profile that navigates to a NotificationsScreen

Setup

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

Navigation Flow

1. HomeScreen – displays a user profile.
2. Tap the profile name to navigate to NotificationsScreen.
3. The bottom tab bar remains accessible, with the left icon representing the Home screen.