反应原生动画

时间:2020-09-02 12:49:45

标签: react-native

'react-native-animatable'软件包。 它在beginnig上进行动画处理,但是当我通过setstate更改stete时,它不再进行动画处理

import * as Animatable from 'react-native-animatable';
  state = {
    player1choose:0,
    player2choose:0,
 };
var arr=[{image:require('./assets/rock.png')},{image:require('./assets/paper.png')},{image:require('./assets/scissors.png')}];

在渲染中会更改uri状态

const player1choice = randomSelection();//it returns between 0-3 integer

this.setState({ player1choose: player1choice.rank})//rank like between 0-3 integer



<Animatable.Image   source={arr[this.state.player1choose].image}     animation="zoomInUp"> 
</Animatable.Image>

在没有动画的情况下效果很好。但是当我尝试制作动画时,它只能工作一次。它不会产生错误,但也不会产生动画效果。 我该如何解决

0 个答案:

没有答案