content: import React, { Component } from 'react';
  import {
    StyleSheet,
    View,
    Image,
    Dimensions,
    Text,
    Animated,
    Easing,
  } from 'react-native';
  
  
  export default class AnimSpinScene extends Component {
  
    constructor(props) {
      super(props);
      this.spinValue = new Animated.Value(0);
    }
  
    componentDidMount() {
      this.spin();
    }
  
    spin() {
      this.spinValue.setValue(0)
      Animated.timing(
        this.spinValue,
        {
          toValue: 1,
          duration: 4000,
          easing: Easing.linear
        }
      ).start(() => this.spin())
    }
  
    render() {
      const spin = this.spinValue.interpolate({
        inputRange: [0, 1],
        outputRange: ['0deg', '360deg']
      })
      return (
        <View style={styles.container}>
          <Animated.Image
            style={{
              width: 227,
              height: 200,
              transform: [{rotate: spin}] }}
              source={{uri: 'https://s3.amazonaws.com/media-p.slid.es/uploads/alexanderfarennikov/images/1198519/reactjs.png'}}
          />
        </View>
      )
    }
  
  }
  
  var styles = StyleSheet.create({
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
    },
  
  });