Question

所以我有一个Animated.View，并且在其中有一个View，其中有一个Image，将Animated.View拖动通过PanResponder时，我正在旋转和平移该Animated.View。它可以在ios模拟器上完美运行，Animated.View内的图像随它旋转，但是当我在Android模拟器上运行时，Animated.View内的图像不随它旋转，它只改变位置/平移。要使其在android上旋转还需要做其他事情吗？

this.rotate = props.position.x.interpolate({
     inputRange: [-screenWidth / 2, 0, screenWidth / 2],
     outputRange: ['-10deg', '0deg', '10deg'],
     extrapolate: 'clamp'
})
this.rotateandTranslate = {
    transform: [{
             rotate: this.rotate
         },
         ...props.position.getTranslateTransform()
     ]
}

<Animated.View style={this.rotateandTranslate}>
    <View> //this doesn't rotate on android, but it does on iOs
       <Image/>
    </View
</Animated.View

Answer 1

我注意到了同样的事情。所以...我插入手机，将其设置为开发人员模式，然后在我的个人手机上运行它。而且效果很好。仿真器有时不显示动画，可能是由于当时可用的RAM。不知道为什么，但是实际上工作正常。试试吧，也许它也对您有用。

React Native Image在Android中的Animated.View中不会旋转

1 个答案: