React native 如何制作本地甲板动画?

React native 如何制作本地甲板动画?,react-native,React Native,我正在制作一个扑克牌游戏,我想添加一个甲板交易动画,如下所示: 我尝试更改动画.Image组件的最大值,但输出: 我需要创建此组件的克隆,原始组件不应移动。但我无法将克隆组件置于原始组件之上。从“React”导入React; 从“react native”导入{视图、文本、动画、TouchableOpacity}; 导出默认类测试扩展React.Component{ 建造师(道具){ 超级(道具); 此.state={ 游戏开始:错误, 顶部:新的动画值(-175/2), }; } comp

我正在制作一个扑克牌游戏,我想添加一个甲板交易动画,如下所示:

我尝试更改动画.Image组件的最大值,但输出:

我需要创建此组件的克隆,原始组件不应移动。但我无法将克隆组件置于原始组件之上。

从“React”导入React;
从“react native”导入{视图、文本、动画、TouchableOpacity};
导出默认类测试扩展React.Component{
建造师(道具){
超级(道具);
此.state={
游戏开始:错误,
顶部:新的动画值(-175/2),
};
}
componentDidMount(){}
shuffleCards(e){
这是我的国家({
游戏开始:没错,
});
这个.cycleAnimation();
}
cycleAnimation(){
动画循环(
动画序列([
动画。计时(this.state.top{
toValue:-900,
持续时间:300,
延误:100,
}),
动画。计时(this.state.top{
toValue:-175/2,
持续时间:1,
延误:1,
}),
动画。计时(this.state.top{
总价值:900,
持续时间:300,
延误:100,
}),
]),
{
迭代次数:4次,
},
).start();
}
render(){
返回(
这个.shuffleCards(e)}>
);
}
}

不要把答案放在问题中。写一个真实的答案并接受它。这是公平的游戏。