Javascript 图像上的旋转动画集在react native中不起作用
我试着旋转一个图像,它基本上是显示一个硬币是被抛硬币的,抛硬币的动画,我已经把这个基本的动画应用到了这个图像上,但是它没有被设置动画 我在emulator上测试时,图像是静止的 这是我的index.android.js文件: 从“React”导入React,{Component}; 进口{ 评估学, 看法 有生气的 缓和 }从“反应本机”; 导出默认类animateTest扩展组件{ 构造器{ 超级作物; this.spinValue=新的动画.Value0; } 旋转{ this.spinValue.setValue0; 时间 这个值{ toValue:1, 持续时间:1500, useNativeDriver:没错, 放松:放松。线性 } 开始 } 渲染{ 常量自旋=this.spinValue.interpolate{ 输入范围:[0,1], 输出范围:['0deg','360deg'] }; 回来 ; } } 常量样式={ 铸币风格:{ 宽度:150, 身高:150, }, 视图样式:{ 弹性:1, 为内容辩护:“中心”, 对齐项目:“居中”, 背景颜色:“黑色” } };Javascript 图像上的旋转动画集在react native中不起作用,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我试着旋转一个图像,它基本上是显示一个硬币是被抛硬币的,抛硬币的动画,我已经把这个基本的动画应用到了这个图像上,但是它没有被设置动画 我在emulator上测试时,图像是静止的 这是我的index.android.js文件: 从“React”导入React,{Component}; 进口{ 评估学, 看法 有生气的 缓和 }从“反应本机”; 导出默认类animateTest扩展组件{ 构造器{ 超级作物; this.spinValue=新的动画.Value0; } 旋转{ this.spinV
AppRegistry.registerComponent'animateTest',=>animateTest 您的代码有两个问题: 1在渲染函数中,您的图像有一个复制的样式道具,该道具使用变换样式替代第一个样式。要修复它,请移除第二个样式道具 2您的代码没有触发旋转动画,您可以添加一个可触摸的按下事件来调用您的旋转方法。对于快速测试,您可以添加
componentDidMount() {
this.spin();
}
非常感谢alpha,它现在工作得很好,我如何使它垂直,就像投掷硬币一样?你能告诉我如何使它垂直旋转@alpha而不是变换旋转,将其更改为rotateX吗