Roadmap to a Native Feel on Mobile Devices

[andrew-bierman]

Our app started off with a strong focus on web development, which has been great for rapid prototyping and cross-platform compatibility. However, we've noticed that in the shift to native platforms, especially iOS, our app still carries a bit of that web feel. We want our users on mobile devices to enjoy an experience that feels proper on their device.

To make this happen, we're planning to dial up our focus on native features and components that really bring out the best in our app on these platforms. Here's a casual rundown of what we're looking to tackle next. This isn't just about fixing what's broken; it's about elevating the entire user experience to match the expectations of our iOS and Android users, while keeping the cross-platform magic alive with React Native and Expo.

This involves adopting specific components and practices that improve navigation, interactivity, and overall app usability. Here's our roadmap for the next phase of development, aiming to address UI inconsistencies, enhance user interaction, and integrate platform-specific functionalities leveraging both React Native capabilities and Expo modules where applicable.

The list below is just for brainstorming, we should split this into subtasks as we begin work.

• [ ] #685
• [x] Implement React Navigation with Tabs: Use bottom tabs for enhanced routing and navigation within the app.
• [x] #776
• [ ] Use Zeego / @react-native-menu/menu for Menus: Implement native menus for actions and selections, providing a familiar interaction pattern for users.
• [x] #719
• [x] #752
• [ ] Swipeable Modal Overlays: Implement swipeable modal overlays for presenting content. See tamagui sheet.
• [x] #751
• [ ] #714
• [ ] Action Sheets with ActionSheetIOS: Use native action sheets for presenting a list of options. For Expo, use the expo-action-sheet library.
• [x] #713
• [x] #755
• [ ] #756
• [x] #780
• [ ] #761
• [ ] #762

This lineup is all about making our app not just function well, but feel right at home on iOS and Android.

[andrew-bierman]

• [x] Swap date picker on create trip for this one https://github.com/dohomi/tamagui-kitchen-sink?tab=readme-ov-file and ensure it uses a proper native date picker on the native side and the nice tamagui one on web