software-mansion / react-native-reanimated

React Native's Animated library reimplemented
https://docs.swmansion.com/react-native-reanimated/
MIT License
9.05k stars 1.31k forks source link

Shared element transition bug when rendering a native stack navigator in top of an other on iOS #4418

Open hamdij0maa opened 1 year ago

hamdij0maa commented 1 year ago

Description

at the beginning the transition works fine, but once a NativeStack is rendered on top of the original native stack the transition is broken, here is a screen record of whats happening :

Steps to reproduce

Stack = createNativeStackNavigator(); => include a list of items ( Image from Expo-image & FlashList) Stack2 = createNativeStackNavigator()=> empty view

when you navigate from Stack1 to stack 2 and then go back to Stack 1 the shared transition is broken. https://drive.google.com/file/d/1bhofFEb3PpIjPXxVRrH8BhynYmoV3U88/view?usp=sharing

Snack or a link to a repository

https://drive.google.com/file/d/1bhofFEb3PpIjPXxVRrH8BhynYmoV3U88/view?usp=sharing

Reanimated version

3.1

React Native version

0.71.7

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo bare workflow

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 14

Acknowledgements

Yes

github-actions[bot] commented 1 year ago

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?