react-navigation-shared-element icon indicating copy to clipboard operation
react-navigation-shared-element copied to clipboard

Not working when nested inside Drawer navigator and Tab navigator

Open marekStef opened this issue 2 years ago • 4 comments

I do have more advanced app with the following structure:

- Drawer Navigator
     - Other Navigators...
     - Tab Navigator
            - Stack Navigator 1
            - Stack Navigator 2
            - Stack Navigator 3

In Stack Navigator 3 I do have multiple screens.

What I am trying to achieve is a gallery ( photos in a grid with opening transition similar to that of apple photos or Google photos app ). GridScreen and Screen for the specific image are both in one Navigator.

The problem is that when I exchange the Stack navigator 3 from react navigation for stack navigator from react-navigation-shared-elements and press on the photo, the app freezes with no error messages nowhere to be seen.

I presume react-navigation-shared-elements only works with more basic structure? Does anyone know or is this a bug?

"react-native-reanimated": "~2.8.0"
"react-native-shared-element": "0.8.4",
"react-navigation-shared-element": "^3.1.3",
"react": "17.0.2",
"expo": "~45.0.0",

marekStef avatar Aug 11 '22 21:08 marekStef

I am experiencing this as well. I have a tab navigator, each that renders their own stack navigator. Not sure what the error is, as the app just freezes as posted above. Did you ever figure anything out with this @marekStef?

drewbietron avatar Oct 17 '22 03:10 drewbietron

Hello @marekStef , @drewbietron

Could you provide a minimal repro or an Expo snack with this issue? Thank you!

p-syche avatar Jan 26 '23 12:01 p-syche

same issue :/

nateshmbhat avatar May 24 '23 11:05 nateshmbhat

any update?

paul12p-pichincha avatar Oct 24 '23 21:10 paul12p-pichincha