expos-router and Reacts-native-reanimated V3 about Shared Element Transitions

How to / Third Party Tooling
1

Any good suggestions or examples for implementing Shared Element Transitions using expos-router and Reacts-native reanimated V3, I’m confused because what I wrote doesn’t work, thank you very much
My instance code：
Screen1:

<Animated.View key={index+item.name} style={styles.imageView} 
            >
            <Animated.Image 
                source={{
                    uri:item.cover, 
                }} 
                resizeMode="cover"
                sharedTransitionTag={item.id}
                style={[styles.image,{
                    backgroundColor:color
                }]}/>
                    {/* <View style={styles.maskView}>
                        <Text style={styles.name}>{item.name}</Text>
                    </View> */}
               
        </Animated.View>
        </Pressable>
    </Link>

Screen2:
<Animated.View style={{flex:1}}>
<Stack.Screen
options={{
title: name,
headerTransparent: true,
headerTintColor:‘white’,
}}
/>
<Animated.Image
source={{uri:source}}
resizeMode=“cover”
style={styles.imageView}
sharedTransitionTag={id}
/>

    </Animated.View>