title: React Native Rotate Animation
body: <p>I am trying to create an animation using hooks, but I have problems with my code.
  can anybody help me?
  No error appears when I test, but the image does not appear.
  I'm trying to make a picture rotate on my loading screen.</p>
  
  <pre><code>export default function SplashLoading() {
    const [rotateValue, setRotateValue] = useState(new Animated.Value(0));
    useEffect(() =&gt; {
      StartImageRotate();
    }, []);
  
    function StartImageRotate() {
      rotateValue.setValue(0);
  
      Animated.timing(rotateValue, {
        toValue: 1,
        duration: 3000,
        easing: Easing.linear,
      }).start(() =&gt; StartImageRotate());
    }
  
    const RotateData = rotateValue.interpolate({
      inputRange: [0, 1],
      outputRange: ["0deg", "360deg"],
    });
  
    return (
      &lt;Container&gt;
        &lt;Animated.Image
          style={{
            height: 230,
            transform: [{ rotate: RotateData }],
            width: 250,
          }}
          source={{ uri: "./gear.png" }}
        /&gt;
      &lt;/Container&gt;
    );
  }
  
  </code></pre>