Я хочу создать анимацию двери с помощью react native, но я точно не знаю, как это сделать,
я просто могу анимировать Flip Card переход, например:
переход
кто-нибудь может мне помочь, как создать анимацию двери?
Current code
:
export default class Home2 extends React.Component{
constructor(props) {
super(props);
this.anim = new Animated.Value(0)
}
startAnim(){
this.anim.setValue(0)
Animated.spring(this.anim, {
toValue:1,
useNativeDriver:false
}).start()
}
render() {
const animated = this.anim.interpolate({
inputRange:[0, 1],
outputRange:['80deg', '0deg']
})
return(
<View style={{flex:1, justifyContent:'center', alignItems:'center', backgroundColor:'red'}}>
<Animated.View style={{width:100, height:100, backgroundColor:'white', transform:[{rotateY:animated}]}}/>
<Button
onPress={() => {
this.startAnim()
}}
title="Start"
/>
</View>
)
}
}