No puedo animar la propiedad borderRadius en una imagen ReactNative, parece que solo vuelve a renderizar la imagen cuando se completa la animación. Se desvanece al comienzo de la animación y vuelve a aparecer al finalizar la animación. Esto solo sucede en Android; en iOS, la animación se reproduce correctamente.

Estoy tratando de animar un círculo que se expande en un cuadrado animando el borderRadius:

 constructor(props) { super(props); this.state = { borderRadius: new Animated.Value(ALBUM_CIRCLE_DIAMETER /2) }; } _zoomIn = () => { Animated.timing( this.state.borderRadius, { toValue: 0, duration: ZOOM_ANIMATION_DURATION_MS, easing: Easing.linear } ).start() }

Y el marcado:

 <Animated.Image style={[ styles.albumArtCircle, { width: this.state.albumArtWidth }, { height: this.state.albumArtHeight }, { borderRadius: this.state.borderRadius }, ]} resizeMode='contain' source={require('../images/sampleAlbum.jpg')}> </Animated.Image>