Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/binaryleo/react_native_stack_navigation
- Owner: BinaryLeo
- License: mit
- Created: 2022-09-05T22:59:25.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-26T02:39:27.000Z (over 2 years ago)
- Last Synced: 2023-03-05T13:34:25.480Z (almost 2 years ago)
- Topics: animation, callout, camera, google-maps, marker, react-native
- Language: TypeScript
- Homepage:
- Size: 1.19 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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/)