react-navigation-modal.js

const RootStack = createStackNavigator();

const RootStackScreen = () => {
    return (
        <RootStack.Navigator
            mode="modal"
            screenOptions={{
                headerShown: false,
                gestureEnabled: true,
                gestureResponseDistance: { vertical: 800 },
                cardOverlayEnabled: true,
                ...TransitionPresets.ModalPresentationIOS,
            }}>
            <RootStack.Screen name="YourMainStack" component={YourMainStack} />
            <RootStack.Screen name="YourModalScreen" component={YourModalScreen} />
        </RootStack.Navigator>
    );
}