属性 'rotateZ' 原生动画模块不支持

Question

我正在尝试在我的 React Native 动画中加入旋转。该对象应围绕其中心以“2D 方式”旋转。在标准 CSS3 transform 模型中，这将是绕 Z 轴的旋转。

style.transform = [{
    'rotateZ': animatedValue.interpolate({
        inputRange: [0, 1],
        outputRange: ['0rad', targetAngle + 'rad']
    })
}]

此代码运行良好，只要我不使用 useNativeDriver = true。所以看起来 React Native 确实希望我们使用 rotateZ 以 2D 方式旋转项目。

但是，对于 useNativeDriver = true，我得到一个错误：

Property 'rotateZ' is not supported by native animated module

如何使用本机驱动程序执行此轮换？

Answer 1

明白了：我需要使用 rotate 而不是 rotateZ。

这看起来很奇怪，因为 rotateZ 在不使用 useNativeDriver = true 时有效。

可在 TRANSFORM_WHITELIST constant 中查看 React Native 原生动画驱动程序支持的完整属性列表。在 React Native 0.60 中，支持以下属性：

translateX
translateY
scale
scaleX
scaleY
rotate
rotateX
rotateY
perspective

好像少了rotateZhas since been added.

属性 'rotateZ' 原生动画模块不支持

Property 'rotateZ' is not supported by native animated module

react-native

animation

react-animated