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 |
Maps
Camera
Notifications
Stack Navigation
Bottom Navigation
Drawer Navigation
Animations
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
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']
};
};
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!