Open geekyvinayak opened 8 months ago
i have made a react expo app with these versions of dependencies
"dependencies": { "@babel/plugin-proposal-export-namespace-from": "^7.18.9", "@expo/metro-runtime": "~3.1.3", "@react-navigation/native": "^6.1.9", "@react-navigation/native-stack": "^6.9.17", "expo": "~50.0.6", "expo-status-bar": "~1.11.1", "react": "18.2.0", "react-dom": "18.2.0", "react-native": "0.73.4", "react-native-reanimated": "~3.6.2", "react-native-web": "~0.19.6", "expo-image": "~1.10.6" },
now navigatiion stack is like this
const Stack = createNativeStackNavigator(); export default function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={Homescreen} /> <Stack.Screen name="About" component={AboutScreen} /> </Stack.Navigator> </NavigationContainer> ); }
and image tags on both screens are like
<Animated.Image source={require("./assets/adaptive-icon.png")} style={styles.image} sharedTransitionTag="tag" />
https://github.com/IjzerenHein/react-navigation-shared-element/assets/67498083/8467167a-a9ab-4db6-8c78-634091872fb5
there is no transition on going from home to about .while comming back from about to home animationis there but image go in left corner and disappers .
what can be the fix.
FYI this is a totally different library than what you're using. I think your issue is the same as this one, though.
i have made a react expo app with these versions of dependencies
now navigatiion stack is like this
and image tags on both screens are like
https://github.com/IjzerenHein/react-navigation-shared-element/assets/67498083/8467167a-a9ab-4db6-8c78-634091872fb5
there is no transition on going from home to about .while comming back from about to home animationis there but image go in left corner and disappers .
what can be the fix.