BinaryLeo / react_native_stack_navigation

A react native application using stack navigation to explore several features

react_native_stack_navigation

A react native application using stack navigation to explore several features

Features   |    Technologies and libs   |    Notes   |    License   |   

Pagination	Camera	Notifications	Maps
pagination.mp4	camera.mp4	notification.mp4	maps.mp4

💡 features

• Maps
• Camera
• Notifications
• Stack Navigation
• Bottom Navigation
• Drawer Navigation
• Animations

💡 technologies

• Expo bare workflow
• React Native
• Typescript

# 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

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 for more details.

---

Built with 💖 love and burning my 🧠 brain - by Binary Leo 👋🏻  Find me on linkedin!