Javascript 从特定点旋转视图-反应本机

我试图从一个起点旋转一个视图

我尝试添加prev translateX，并在按描述旋转后再次添加它 但效果不太好，还是一样的

代码片段

  const rotateAnimationStyle = useAnimatedStyle(() => {
    return {
      transform: [
        {translateX: -1 * (120 / 2)},
        // {translateY: 0},
        {rotateZ: `${rotateAnimationValuew.value}deg`},
        {translateX: 120 / 2},
        // {translateY: 0},
      ],
    };
  });


 const addAttachment = () => {
    isAnimated.value = withTiming(!isAnimated.value, {duration: 4000});
    rotateAnimationValuew.value = isAnimated.value
      ? withTiming(0, {
          duration: 1500,
          easing: Easing.linear,
        })
      : withTiming(90, {
          duration: 1500,
          easing: Easing.linear,
        });

    console.log(isAnimated.value);
  };





  <Animated.View
     style={[styles.attachmentsElements, rotateAnimationStyle]}>
       <View style={[styles.circle, {zIndex: 1}]}>
            <Text>close</Text>
       </View>
       <View style={styles.circle}>
            <Text>Camera</Text>
       </View>
       <View style={styles.circle}>
            <Text>video</Text>
       </View>
       <View style={styles.circle}>
            <Text>Contacts</Text>
       </View>
   </Animated.View>

const rotateAnimationStyle=useAnimatedStyle（（）=>{
返回{
转换：[
{translateX:-1*（120/2）}，
//{translateY:0}，
{rotateZ:`${rotateAnimationValuew.value}deg`}，
{translateX:120/2}，
//{translateY:0}，
],
};
});
const addAttachment=（）=>{
isAnimated.value=withTiming（！isAnimated.value，{duration:4000}）；
rotateAnimationValuew.value=isAnimated.value
？带正时（0{
持续时间：1500，
放松：放松，线性，
})
：带正时（90{
持续时间：1500，
放松：放松，线性，
});
console.log（isAnimated.value）；
};
关闭
摄像机
视频
联络