Как создать анимацию двери в React Native - PullRequest
0 голосов
/ 13 июля 2020

Я хочу создать анимацию двери с помощью 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>
    )
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...