https://github.com/luizrebelatto/navigation-app-article
App with stack navigation, tab navigation and stack navigation
https://github.com/luizrebelatto/navigation-app-article
javascript navigation react-native stack-navigation tab-navigation typescript
Last synced: 6 months ago
JSON representation
App with stack navigation, tab navigation and stack navigation
- Host: GitHub
- URL: https://github.com/luizrebelatto/navigation-app-article
- Owner: Luizrebelatto
- Created: 2024-10-15T02:53:35.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-15T12:14:34.000Z (over 1 year ago)
- Last Synced: 2025-06-11T23:06:29.664Z (8 months ago)
- Topics: javascript, navigation, react-native, stack-navigation, tab-navigation, typescript
- Language: TypeScript
- Homepage:
- Size: 1.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Navigation App Article
## 📒 About Project
Project with mixed navigation types
## 🛠️ Technologies
- React Native
- Typescript
- Javascript
- React navigation v6
## 📚 Libs
- @react-navigation/bottom-tabs
- @react-navigation/native
- @react-navigation/native-stack
- React navigation v6
## 🏛️ Structure
```
├── src
│ ├── routes
│ │ ├── groupScreen.routes.tsx
│ │ ├── index.tsx
│ │ ├── navigation.types.ts
│ │ ├── stack.route.tsx
│ │ └── tab.route.tsx
│ └── screens
│ ├── ScreenOne
│ │ └── index.tsx
│ └── Tabs
│ ├── GroupTabs
│ │ ├── TabThree
│ │ │ └── index.tsx
│ │ └── TabTwo
│ │ └── index.tsx
│ └── TabOne
│ └── index.tsx
├── app.tsx
```
## ▶️ Features
- Navigation between screens
- Navigation by tabs
### 📱 App Screenshots
https://github.com/user-attachments/assets/fe63d5a1-1063-4583-9872-f09fa319ef85
### 💻 Articles
- EN [Link Dev.to](https://dev.to/luizrebelatto/stack-screen-bottom-tab-navigation-stack-screen-4flo)
- PT-BR [Link Medium](https://medium.com/@lbrebelatto/stack-screen-bottom-tab-navigation-stack-screen-515e7330a99a)