https://github.com/henokrb/react-native-navigation-6.x-nested

React Native Navigation v6.x - Stack, Bottom Tab & Drawer Nested Navigation using React Navigation v6 with Expo.
https://github.com/henokrb/react-native-navigation-6.x-nested

expo javascript native native-apps react-native react-navigation react-navigation-v6

Last synced: about 4 hours ago
JSON representation

React Native Navigation v6.x - Stack, Bottom Tab & Drawer Nested Navigation using React Navigation v6 with Expo.

• Host: GitHub
• URL: https://github.com/henokrb/react-native-navigation-6.x-nested
• Owner: henokrb
• Created: 2022-12-29T10:03:16.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T13:39:03.000Z (almost 2 years ago)
• Last Synced: 2024-11-03T10:18:42.931Z (17 days ago)
• Topics: expo, javascript, native, native-apps, react-native, react-navigation, react-navigation-v6
• Language: JavaScript
• Homepage:
• Size: 380 KB
• Stars: 9
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

        
# React Native Navigation 6.x - Nested Navigation

Stack, Bottom Tab & Drawer Nested Navigation using React Navigation v6 with Expo.

**Developed with ❤️ by [Henok R. Bedassa](https://henok.us/). If you love my project please star ⭐️ my repo!**

## Home Screen

With Drawer Navigation, **Go to Details Screen** Stack Navigation and **Home** + **Profile** Bottom Tab Navigation

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_01.jpg)](https://henok.us/)

## Detials Screen

Details Screen with **Back** Header Arrow

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_02.jpg)](https://henok.us/)

## Profile Screen

Profile Screen

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_03.jpg)](https://henok.us/)

## Drawer Navigation

Drawer Navigation with **Home, About and Contact** Navigations

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_04.jpg)](https://henok.us/)

## About Screen

About Screen

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_05.jpg)](https://henok.us/)

## Contact Screen

Contact Screen

[![image](https://github.com/jackbalageru/react-native-navigation-6.x-nested/blob/master/src/assets/images/rn-nested-navigation_06.jpg)](https://henok.us/)

## Tips

This Boilerplate is Firebase ready. You can put your credentials in .env file.

## Installation

1. Clone repository

```shell

git clone https://github.com/jackbalageru/react-native-navigation-6.x-nested

```

2. This Boilerplate uses Expo. Install dependencies, **expo start** and happy coding.

## View Project

You can either use **Android Emulator from Android Studio** or **Expo** app to view the Project

## Support

For any additional information please refer to [Henok R. Bedassa](https://henok.us).

**Thank you**