本机动画模块不支持属性“ 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的情况下有效，这似乎很奇怪。

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

translateX
translateY
scale
scaleX
scaleY
rotate
rotateX
rotateY
perspective

似乎缺少了rotateZ has since been added。