Skip to content

Shared Element Transition only runs once when navigating to screen in parent navigator #8817

@jparkrr

Description

@jparkrr

Description

Thanks for working on shared element transitions! I noticed an issue when I was trying it out in my existing app. If you have two nested native stack navigators, when navigating from a screen in the child to a screen in the parent, the transition seems to only happen once.

Is this an intended use case that should be working? I use it in my app for hiding a tab bar on certain screen as recommended by react-navigation docs. In my app I use a stack as a parent of a tab navigator, but the bug also occurs with two stack navigators.

Steps to reproduce

I've reproduced by modifying the existing nested navigator example in your testing app. See changes here: jparkrr#1

  1. Tap to navigate in the parent stack (Transition runs)
  2. Go back (Transition runs)
  3. Tab again to navigate in the parent stack
  4. Notice the transition doesn't run
Simulator.Screen.Recording.-.iPhone.17.Pro.Max.-.2026-01-08.at.14.29.12.mov

Snack or a link to a repository

jparkrr#1

Reanimated version

4.2.1

Worklets version

0.7.1

React Native version

0.83.0

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native CLI

Architecture

New Architecture (Fabric renderer)

Reanimated feature flags

Yes

React Native release level

None

Build type

No response

Device

No response

Host machine

None

Device model

No response

Acknowledgements

Yes

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions