I am trying to make a bottom modal that slides up from bottom, has a transparent background, and can be swiped down (exact same as Instagram's various bottom modals). I can almost achieve this with:
<Stack.Screen
name="testModal"
component={ChatAttachments}
options={{
headerShown: false,
headerTransparent: true,
presentation: "modal",
cardOverlayEnabled: true,
gestureDirection: "vertical",
gestureResponseDistance: 500,
cardStyle: {
backgroundColor: "transparent",
opacity: 1,
},
}}
/>
But is there a way to disable the parent screen from scaling down?
Another option could be using presentation: "transparentModal" but that doesn't give me the swipe down ability.