Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/binaryleo/react_native_stack_navigation

A react native application using stack navigation to explore several features
https://github.com/binaryleo/react_native_stack_navigation

animation callout camera google-maps marker react-native

Last synced: 27 days ago
JSON representation

A react native application using stack navigation to explore several features

Awesome Lists containing this project

README

        

# react_native_stack_navigation

A react native application using stack navigation to explore several features



[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](https://github.com/BinaryLeo/react_native_stack_navigation/blob/main/LICENSE)
![GitHub last commit](https://img.shields.io/github/last-commit/BinaryLeo/react_native_stack_navigation?style=flat-square)
![GitHub top language](https://img.shields.io/github/languages/top/BinaryLeo/react_native_stack_navigation?style=flat-square)



Features   |   
Technologies and libs   |   
Notes   |   
License   |   

Pagination | Camera| Notifications | Maps
:-: | :-: | :-: | :-:
| | |



## 💡 features

- ``Maps``
- ``Camera``
- ``Notifications``
- ``Stack Navigation``
- ``Bottom Navigation``
- ``Drawer Navigation``
- ``Animations``

## 💡 technologies

- ``Expo bare workflow``
- ``React Native``
- ``Typescript``

```bash
# npx expo install @react-navigation/stack @react-navigation/native
# yarn add @react-navigation/stack @react-navigation/native

# npx expo install react-native-screens react-native-safe-area-context
# yarn add react-native-screens react-native-safe-area-context

# npx expo install react-native-gesture-handler
# yarn add react-native-gesture-handler

# npx expo install expo camera
# yarn add expo camera

# npx expo install @react-navigation/bottom-tabs
# yarn add @react-navigation/bottom-tabs

# npx expo install @expo/vector-icons
# yarn add @expo/vector-icons

# npx expo install @react-navigation/drawer
# yarn add @react-navigation/drawer

# npx expo install react-native-reanimated
# yarn add react-native-reanimated

# npx expo install react-native-maps
# yarn add react-native-maps

# npx expo install expo-device expo-notifications
# yarn add expo-device expo-notifications

```

## 💡 Notes
If you're installing this in a bare React Native app, you should also follow these additional installation instructions.
You must also add the Babel plugin to babel.config.js

``` javascript

module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: ['react-native-reanimated/plugin']
};
};

```

## 📄 License

This project was built under MIT. See the file [LICENSE](LICENSE) for more details.

---

Built with 💖 love and burning my 🧠 brain - by Binary Leo 👋🏻  [Find me on linkedin!](https://www.linkedin.com/in/leonardo-moura-92b513209/)