Is there a callback feature when the CSS animation ends?

[nexquery]

Is there a callback to indicate when this animation is complete?

const isaretAnimations = {
    goster: {
        "0%": { opacity: 0, transform: [{ scale: 0 }] },
        "100%": { opacity: 1, transform: [{ scale: 1 }] }
    } as CSSAnimationKeyframes,
    
    gizle: {
        "0%": { opacity: 1, transform: [{ scale: 1 }] },
        "100%": { opacity: 0, transform: [{ scale: 0 }] }
    } as CSSAnimationKeyframes,
};

<Animated.View style={!isFirstRender.current && { 
		animationName: !checked ? isaretAnimations.gizle : isaretAnimations.goster, 
		animationDuration: 1000, 
		animationFillMode: "forwards", 
		animationIterationCount: 1
}}>
	<Lucide name="check" size={16} color="#ffffff" />
</Animated.View>

[MatiPl01]

Hey @nexquery! There is no such feature yet but I think it's worth adding. Maybe we could work on it for the 4.3.0 release. I will raise this topic during the meeting today and see if we can prioritize this one.

Update: We won't prioritize this for now but we will consider implementing this feature for the 4.3.0 release (that would likely happen in ~2 months).

[nexquery]

Hello, I hope you will add this feature in future versions. Because animation makes state management easier.

Thank you for your quick reply.