react-native - react-native-reanimated 不接受以度为单位的旋转值

Question

我正在学习复活，因为它适用于 UI 线程，我想实现旋转动画。以度数旋转（如 45 度）不起作用并提示错误。那么如何在 react-native-reanimation v1(version 1) 中实现旋转动画呢？

Answer 1

可能你需要concat来自复活库的函数：

import Animated, { concat } from 'react-native-reanimated';
...
return (
  <Animated.View style={{
    transform: [{rotateZ: concat(yourAnimatedValue, 'deg')}],
  }}/>
);

Answer 2

不要忘记像{ transform: [{ rotate: '45deg' }] }不旋转一样作为字符串传递：45deg