Adjust modal size and native-stack onDismissed

I use this package with react-navigation V5.

I suggest to add an option to customize the height of the modal screen.

Besides, I currently use this code to popToTop:

    const unsubscribe = navigation.addListener('dismiss', () => {
      navigation.popToTop();
    });

    return unsubscribe;
  }, [navigation]);

When I swipe down to dismiss the modal, it won’t directly popToTop.

I know that this package has a onDismissed prop and I want it to execute navigation.popToTop();.

However, I can’t find a way to implement this with createNativeStackNavigator() and errors occur.

[WoLewicki]

Because the native-stack does not have such prop. It is a property of a Screen component and is used by native-stack to trigger navigation actions of dismissing a screen and emitting navigation event ‘dismiss’. https://github.com/software-mansion/react-native-screens/blob/master/src/native-stack/views/NativeStackView.tsx#L96 you can see that it calls ‘pop’ action. If you want your own action there, you could overwrite this behavior for e.g. stackPresentation: 'modal'.

[WoLewicki]

This behavior won’t be changed to what you would want because it would result in every dismiss to pop the whole stack, which does not make sense in most cases.