feat(modal): Expose Modal props from Overlay to allow animationPreset/animationType and other props to be overwritten

[theonetheycallneo]

Feature Request: Expose the Modal's props

Currently there's a ghosting bug in the latest react-native new architecture.

The only want to mitigate this going from Modal -> Modal is to make the Modal's animationType="none"
Reference: facebook/react-native#53276

Here's more on the ghosting issue:
https://stackoverflow.com/questions/79572561/react-native-ios-modal-ghosting-issue-previous-modal-content-shows-on-transit

Thank you

[theonetheycallneo]

Hi! 👋

Thanks for your work on this project! 🙂

Today I used patch-package to patch @gluestack-ui/modal@0.1.41 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/@gluestack-ui/modal/src/Modal.tsx b/node_modules/@gluestack-ui/modal/src/Modal.tsx
index 16323fd..6d7c547 100644
--- a/node_modules/@gluestack-ui/modal/src/Modal.tsx
+++ b/node_modules/@gluestack-ui/modal/src/Modal.tsx
@@ -85,6 +85,10 @@ const Modal = (StyledModal: any) =>
 
       return (
         <Overlay
+          // Workaround for ghosting issue on iOS when using back-to-back RN Modals
+          // https://github.com/gluestack/gluestack-ui/issues/3232
+          // RN Modal iOS issue: https://github.com/facebook/react-native/issues/53276
+          animationPreset='none'
           isOpen={visible}
           onRequestClose={handleClose}
           isKeyboardDismissable={isKeyboardDismissable}

This issue body was partially generated by patch-package.