Shared element with placement shifting with 'modal'

[ejkkan]

Shared element with placement shifting with 'modal'

[ejkkan]

Solved by applying this:
#261 (comment)

But maybe it should be included in the lib?

[ejkkan]

Reopening since the found solution is for a fade transition and not the regular modal transition.

[joaquinperezlopez]

@ejkkan I have the same problem, did you find any workaround or alternative?

[p-syche]

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)