How to make the Image label rotate separately in svg

import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Animated, Easing
} from 'react-native';

import Svg,{
  Text,
  Image,
} from 'react-native-svg';

const AnimatedSvg = Animated.createAnimatedComponent(Svg);

export default class App extends Component {
  constructor() {
    super();
    this.RotateValueHolder = new Animated.Value(0);
  }

  componentDidMount() {
    this.StartImageRotateFunction();
  }


  StartImageRotateFunction() {
    this.RotateValueHolder.setValue(0);
    Animated.timing(this.RotateValueHolder, {
      toValue: 1,
      duration: 10000,
      easing: Easing.linear,
      useNativeDriver:true
    }).start(()=>this.StartImageRotateFunction());
  }

  render() {
    return (
      <View style={styles.container}>
        <AnimatedSvg
        width="300"
        height="300"
        style={{
          transform: [
            {
              rotate: this.RotateValueHolder.interpolate({
                inputRange: [0, 1],
                outputRange: ['0deg', '360deg'],
              }),
            },
          ],
        }}
      >
      <Image
        width="100%"
        height="100%"
        href={require('./src/assets/bg.png')}
      />
      <Text
        x="50"
        y="50"
        textAnchor="middle"
        fontWeight="bold"
        fontSize="16"
        fill="blue"
    >HOGWARTS</Text>
      </AnimatedSvg>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },

});

How to make the iamge tag rotate alone not complete <Svg>？ I have tried const AnimatedImage = Animated.createAnimatedComponent(Image); and put <svg> style move this const it’s not working

[lrengao]

I am going to try，

I am very honored to meet you. @msand

[juandiegombr]

Hello.

I arrived to this question after trying different approaches to animate the rotation of a Path in a Svg. I have tried the examples above in the expo playground and I have noticed a difference between using Svg from expo and from ‘react-native-svg’.

In my plain react-native project I got the rotate animation in a Svg component but not in any of the children. Without expo, AnimatedG or any other Animated component besides AnimatedSvg is not working to me.