Using animations to transform these SVG properties does not take effect, but directly setting the values of these properties takes effect

[ShaoGongBra]

Description

translateX
translateY
scale
rotation
scale
...

Steps to reproduce

import { Animated, PanResponder, Easing } from 'react-native'

import { Svg, Rect } from 'react-native-svg'
import { useRef } from 'react'

const RectAnimated = Animated.createAnimatedComponent(Rect)

export const TouchEvent = () => {

  const moveOriginPan = useRef(new Animated.ValueXY({ x: 0, y: 0 }, { useNativeDriver: false })).current

  const moveOriginEvent = useRef(PanResponder.create({
    onMoveShouldSetPanResponder: () => true,
    onPanResponderMove: (e, gestureState) => {
      moveOriginPan.setValue({ x: gestureState.dx, y: gestureState.dy })
    },
    onPanResponderRelease: () => {
      Animated.timing(moveOriginPan, {
        toValue: { x: 0, y: 0 },
        duration: 600,
        easing: Easing.bounce,
        useNativeDriver: false
      }).start()
    }
  })).current


  return <Svg width={375} height={150}>
    <Rect width={375} height={150} fill='#fff' />
    <RectAnimated
      width={50}
      height={50}
      fill='#666'
      {...moveOriginEvent.panHandlers}
      x={150}
      y={50}
      translateX={moveOriginPan.x}
      translateY={moveOriginPan.y}
    />
  </Svg>
}

Snack or a link to a repository

https://github.com/duxapp/duxui

SVG version

15.10.1

React Native version

0.75.4

Platforms

Android, iOS

JavaScript runtime

None

Workflow

None

Architecture

Yes

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[ShaoGongBra]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

The above code block is the smallest case