Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像上的旋转动画集在react native中不起作用_Javascript_Reactjs_React Native - Fatal编程技术网

Javascript 图像上的旋转动画集在react native中不起作用

Javascript 图像上的旋转动画集在react native中不起作用,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我试着旋转一个图像,它基本上是显示一个硬币是被抛硬币的,抛硬币的动画,我已经把这个基本的动画应用到了这个图像上,但是它没有被设置动画 我在emulator上测试时,图像是静止的 这是我的index.android.js文件: 从“React”导入React,{Component}; 进口{ 评估学, 看法 有生气的 缓和 }从“反应本机”; 导出默认类animateTest扩展组件{ 构造器{ 超级作物; this.spinValue=新的动画.Value0; } 旋转{ this.spinV

我试着旋转一个图像,它基本上是显示一个硬币是被抛硬币的,抛硬币的动画,我已经把这个基本的动画应用到了这个图像上,但是它没有被设置动画

我在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, 为内容辩护:“中心”, 对齐项目:“居中”, 背景颜色:“黑色” } };
AppRegistry.registerComponent'animateTest',=>animateTest 您的代码有两个问题:

1在渲染函数中,您的图像有一个复制的样式道具,该道具使用变换样式替代第一个样式。要修复它,请移除第二个样式道具

2您的代码没有触发旋转动画,您可以添加一个可触摸的按下事件来调用您的旋转方法。对于快速测试,您可以添加

  componentDidMount() {
    this.spin();
  }

非常感谢alpha,它现在工作得很好,我如何使它垂直,就像投掷硬币一样?你能告诉我如何使它垂直旋转@alpha而不是变换旋转,将其更改为rotateX吗