react-spring-bottom-sheet icon indicating copy to clipboard operation
react-spring-bottom-sheet copied to clipboard

Add 3d / depth effect on the second plan like with UIPresentationController

Open shouze opened this issue 3 years ago • 3 comments

No idea of how to proceed at the moment, but would be nice to be able to reproduce iOS UIPresentationController effect on the background, like in iOS Mail composition or Apple Music (see video here).

shouze avatar Jul 02 '21 12:07 shouze

Looks like this effect has been reproduced by https://github.com/Temzasse/react-modal-sheet

shouze avatar Jul 02 '21 12:07 shouze

Yeah, for this to be possible I need to expose the internal spring APIs. It’s a bit tricky but it’s on the roadmap :)

On 2 Jul 2021, at 14:25, Sébastien HOUZÉ @.***> wrote:

 Looks like this effect has been reproduced by https://github.com/Temzasse/react-modal-sheet

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

stipsan avatar Jul 02 '21 13:07 stipsan

Tell me if and how we can help, impressed by the good job you've already done :muscle:. We were prototyping our own drawer modal / bottom sheet when we found yours today and it's :heart: (we also chose to use react-spring and react-use-gesture for our prototype).

Regarding aria, I see you didn't choose to use react-aria, would you mind if we try to add it in a pull request?

shouze avatar Jul 02 '21 14:07 shouze