IjzerenHein / IjzerenHein/react-navigation-shared-element
Not working when nested inside Drawer navigator and Tab navigator
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 125
- PR merge metrics
- No merged PRs in 30d
Description
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",
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the freeze from GridScreen to the specific image screen in Stack Navigator 3 while nested under the Tab and Drawer navigators. Start with the listed React Native, Expo, reanimated, shared-element, and navigation versions, then compare that nested structure with a basic navigator. Done means identifying the nesting-related cause or confirming a minimal reproduction without an unexplained freeze.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100