Description:
expo-apple-maps-bottom-sheet is a React Native component that recreates the bottom sheet behavior found in Apple Maps. It provides you with the same gesture controls and animation physics used in iOS mapping applications.
Features
- 🌀 Native Gestures: The component implements gesture recognition that matches Apple Maps exactly.
- 💨 Smooth Animations: TrueSheet handles all animation physics and transitions.
- 🎨 TypeScript Support: Full type definitions accompany the component for development clarity.
- 📱 iOS Optimization: The sheet performs correctly on iOS devices without adjustment.
- 🔧 Expo Compatibility: You can use this library within Expo managed workflow projects.
How to Use It
1. Clone the repository from GitHub:
git clone https://github.com/rit3zh/expo-apple-maps-bottom-sheet2. Navigate into the project directory and install the required dependencies.
cd expo-apple-maps-bottom-sheet
bun install3. Prebuild the application for the desired platform and run it on a simulator or a physical device.
bunx expo prebuild --platform ios
bun iosRelated Resources
- react-native-true-sheet: The underlying library that powers the animations and gestures for
expo-apple-maps-bottom-sheet. Its documentation is a useful resource for advanced customization. - Expo Maps: The official maps library for Expo, which can be used in conjunction with this bottom sheet to create rich, map-based interfaces.
FAQs
Q: Can I customize the appearance and animation of the bottom sheet?
A: Yes, customization is possible by passing props to the underlying react-native-true-sheet component. You can control aspects like snap points, corner radius, and animation parameters.
Q: Is this component compatible with Expo Go?
A: The underlying dependency, react-native-true-sheet, is not compatible with Expo Go and requires a development build using Expo CNG (Continuous Native Generation).
