Need to stop the shared animation for other screen.

Hi. Thanks for your great lib. I have used shared element for two screens, Lets say screen1 and screen2. Now I want to navigate from Second one to the third screen. but don’t want the shared transition to occur. here is a screen recording:

**Screen1 component code **

const LogoList = ({ navigation }) => {

    const { data } = useContext(DataContext);
    // console.log(value)

    return (
        <FlatList
            data={data}
            contentContainerStyle={styles.listCN}
            numColumns={2}
            renderItem={(data) => {
                return (
                    <View style={styles.itemCN}>
                        <SharedElement id={data.item.name}>
                            <TouchableOpacity style={styles.itemInner} onPress={() => navigation.navigate('Model', { name: data.item.name, image: data.item.image })}>
                                {/* <Text style={styles.item}>{data.item.name}</Text> */}
                                <Image style={styles.item} source={{ uri: data.item.image }} />
                            </TouchableOpacity>
                        </SharedElement>
                    </View>
                )
            }}
        />
    )
}

Screen2 code:

const ModelScreen = ({ navigation }) => {
    return (
        <View style={styles.container}>
            <SharedElement id={name}>
                <View style={styles.imageCN}>
                    <Image style={styles.image} source={{ uri: image }} />
                </View>
            </SharedElement>
            <Button title='year' onPress={() => navigation.navigate('Year')} />
        </View>
    )
}

ModelScreen.sharedElements = (navigation, other, showing) => {
    console.log(showing)
    const name = navigation.getParam('name');
    return [{
        id: name,
        // animation: 'fade',
    }];
};

Screen3 code

const YearScreen = () => {
    return (
        <View>
            <Text>Year Screen</Text>
        </View>
    )
}

How can I disable the shared element on 3rd screen? As it does not have anything to do with the previous page’s transition.

[sa8ab]

It is not that slow to be noticed on video, and yes. tested and problem is not because of the shared-element. seems to be with react-native-stack. On physical device using expo. And thanks for your instant answer.

[IjzerenHein]

Closing this as the mentioned slow-down is not related to shared-element