With the switch from BottomSheetModal to basic BottomSheet, there was a slight regression with the animation of the backdrop overlay. This diff addresses this regression by using the overlay animation from react-navigation, and replacing the contents of our Backdrop component with a TouchableWithoutFeedback that will close the bottom sheet on press (which will then trigger the navigating back callback)
This is step 2 in the list below
Outlined below are the steps I will take in this stack (each point here will be it's own diff):
- Replace out of box BottomSheetModal with basic BottomSheet (Unfortunately, BottomSheetModal does not play nice with nested navigator)
- Polish up the BottomSheetBackdrop animation
- Introduce User Profile Bottom Sheet Navigators (this is so we can navigate to User Profile Avatar Modal from the User Profile Bottom Sheet)
- Introduce the User Profile Avatar Modal component and all the necessary things (like route names) that we will need to navigate to this new screen
- Factor out the User Avatar component in UserProfile into it's own separate component to keep things better organized
Depends on D9373