useEffect(() => {
if (isDrawerOpen == "open") {
sv.value = 1 //withTiming(1)
}
else if (isDrawerOpen == 'closed') {
sv.value = 0 //withTiming(0)
}
}, [isDrawerOpen]);
const screenStyle = useAnimatedStyle(() => {
const scaleY = interpolate(sv.value, [0, 1], [1, 0.86], {
extrapolateRight: Extrapolate.CLAMP,
});
const borderRadius = interpolate(sv.value, [0, 1], [1, 20], {
extrapolateRight: Extrapolate.CLAMP,
});
console.log("HERE CALLED : " + scaleY)
return {
transform: [
{
scaleY,
},
],
borderRadius: borderRadius,
};
});
**There are 2 states on offical documentation https://reactnavigation.org/docs/drawer-navigator/#drawercontent 'open' and 'closed' I want to do animation between these 2 states (like onClosing), please help me **