IjzerenHein / IjzerenHein/react-navigation-shared-element

Not working when nested inside Drawer navigator and Tab navigator

Open
#249 4 comments 12 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.