如何在Android的React Antial中旋转视图组件

Question

我想在react Native中旋转视图组件。我找到了transform: [{ rotate: '45deg'}]之类的CSS样式。此功能非常适合iOS，但对Android不适合。在Android中，旋转发生，但枢轴不像iOS那样在中心，而是在右上角。因此，它旋转了极大的错误。我希望枢轴位于视图中心。谢谢

Answer 1

Android仅支持"旋转"当您使用" rad"而不是'deg' rotate: ".05rad"。

将学位转换为rad ... degreeValue * Math.PI / 180。更容易的解决方案是使用rotateZ。这使您可以使用学位并在两个平台上工作。

i正在使用反应基调，并遇到了这个问题。您可以进行简单的更改(在两个平台上都可以使用(

const rotatedStyle = useAnimatedStyle(() => {
    return {
      transform: [
        {
          rotateZ: `${someValue}deg`,
        },
      ],
    };
});