Open ejkkan opened 1 year ago
Solved by applying this: https://github.com/IjzerenHein/react-navigation-shared-element/issues/261#issuecomment-1426135462
But maybe it should be included in the lib?
Reopening since the found solution is for a fade transition and not the regular modal transition.
@ejkkan I have the same problem, did you find any workaround or alternative?
Hello @ejkkan, hello @joaquinperezlopez ,
I'm sorry you're facing this UI issue. I see you saw the comment about adding ModalFadeTransition
and you said you don't need a fade but a regular one.
Going ove the @react-navigation source I found there are other modal-related transitions: https://github.com/react-navigation/react-navigation/blob/main/packages/stack/src/TransitionConfigs/TransitionPresets.tsx#L135
Can you try the following solution:
options={{ presentation: 'transparentModal', ...DefaultTransition }}
(import or clone ModalFadeTransition from @react-navigation/stack package)
Hey, I'm using shared elements between multiple different screens. But If I try to use shared elements pushing in to a modal type screen('presentation: 'modal'), the transition between screens the animation is a bit off and then skips into the correct position. Please see video.
https://user-images.githubusercontent.com/32518962/218247061-673023a0-d21a-4cab-8331-ed5f5a92f88d.mov