¿Cómo puedo cambiar entre mostrar ninguno y flex usando valores animados? Intenté interpolar a 0 y 1 y, según el valor, cambie la propiedad de visualización.
Estoy tratando de ocultar Animated.View cuando el valor animado llega a 90 pero no pasa nada.
// change animated value from 0 to 180 const flip = () => { Animated.timing(flipAnimation, { toValue: 180, duration: 300, useNativeDriver: true, }).start(); }; //if the animated value is between 0 and 90 it will return 0 else it will return 1 const interpolate = flipAnimation.interpolate({ inputRange: [0, 90, 91, 180], outputRange: [0, 0, 1, 1], }) //if the value is 1 set display to "none" else set it to "flex" <Animated.view style={{ display: interpolate === 1 ? "none" : "flex" }}/>Esto es lo que terminó funcionando para mis necesidades, dejé de intentar que funcionara con Animated y simplemente usé reanimated:
const hideFrontStyle = useAnimatedStyle(() => { return { display: flipAnimation.value >= 90 ? "flex" : "none", }; });