IjzerenHein / IjzerenHein/react-navigation-shared-element

[v5] Nested navigation within TabBar and two initial screens navigating the same destination screen

Open
#82 6 comments 11 reactions 0 assignees View on GitHub
tabs
Dominant language
TypeScript
Stars
1.3k
Forks
125
PR merge metrics
No merged PRs in 30d

Description

Hi

I have TabStack and the SharedElementStack.

I want to trigger the same navigation from two different screen from the tab stack.

The first screen works great. However, as soon as I trigger the navigation from the second screen, the navigation breaks when going back, the sharedElements function is not called anymore.

Below a snack reproducing my implementation and the issue I'm facing:

[snack demo](https://snack.expo.io/@sbkl/sharedelement-bug-demo)

Is it something I'm doing wrong or just because it is a prerelease for the v3 and will be fixed later on? Does that work using the latest version of this package with react navigation v4?

Thanks.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked Snack demo and reproduce navigation to the same destination from both screens in the TabStack, then navigate back. Compare the two flows and verify whether the sharedElements function is called; done means the second-screen flow returns correctly with shared-element behavior restored.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.