https://github.com/marcosvel/routes-template

React Native Routes Template configured using Native Stack, Bottom Tabs and Drawer Navigator.
https://github.com/marcosvel/routes-template

bottom-tabs drawer-navigator react-native react-navigation stack-navigator template-project

Last synced: 7 months ago
JSON representation

React Native Routes Template configured using Native Stack, Bottom Tabs and Drawer Navigator.

• Host: GitHub
• URL: https://github.com/marcosvel/routes-template
• Owner: MarcosVel
• License: mit
• Created: 2023-03-27T20:15:39.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T03:15:57.000Z (about 3 years ago)
• Last Synced: 2024-12-19T16:38:33.334Z (over 1 year ago)
• Topics: bottom-tabs, drawer-navigator, react-native, react-navigation, stack-navigator, template-project
• Language: TypeScript
• Homepage: https://www.tabnews.com.br/marcosveloso/template-de-rotas-react-native-com-native-stack-bottom-tabs-e-drawer-navigator
• Size: 226 KB
• Stars: 28
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

# Routes Template

This repository contains a native stack, drawer and bottom tabs that can be used as a starting point for your own project. The stack navigator is set up with some initial screens and the drawer and bottom tabs are pre-configured with some example routes. You can use this repository to quickly get started with your own project without having to worry about setting up the navigation yourself.

## Example

[routestemplate.webm](https://user-images.githubusercontent.com/62637265/228417458-1741263a-7ec4-485e-b2e8-df08745ef5ed.webm)

## How to install

Clone the project

```bash

  git clone https://github.com/MarcosVel/routes-template.git

```

Navigate to the project folder

```bash

  cd routes-template

```

    

Install the packages with yarn

```bash

  yarn

```

Run with expo

```bash

  npx expo start

```

## Stacks

- Expo

- @react-navigation/drawer

- @react-navigation/bottom-tabs

- @react-navigation/native-stack

## 🔗 Links

[![navigation](https://img.shields.io/badge/navigation-6A52B0?style=for-the-badge&logo=react&logoColor=white)](https://reactnavigation.org/docs/getting-started/)

[![linkedin](https://img.shields.io/badge/linkedin-0B66C3?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/marcosveloso99/)

## Contributing

If you want to contribute to this project, you are welcome to do so. Please follow these steps:

1. Fork this repository to your own GitHub account.

2. Create a new branch for your feature or bug fix using `git checkout -b feat/yourFeature` or `git checkout -b fix/yourBug`.

3. Make your changes and commit them using `git commit -m "Your message"`.

4. Push your changes to your forked repository using `git push`.

5. Create a pull request from your forked repository to this repository.

## Support

If you find this project useful, please consider giving it a star on GitHub. ⭐️

It would mean a lot to me and motivate me to keep improving it. Thank you!