earth-rotation.js

import React from 'react'
/*...*/
import AnimatedMath from 'react-native-animated-math'
/*...*/

export default class Globe extends React.Component {
  /*...*/
  rotation = new Animated.Value(0)
  componentDidMount() {
    this.spinAround()
    this.rotate()
  }
  /* ...*/
  this.rotate = () => {
    Animated.loop(
      Animated.timing(this.rotation, {
        toValue: 2 * Math.PI,
        easing: Easing.linear,
        duration: this.props.yearDuration,
      })
    ).start()
  }
  
  render() {
    return(
      <View>
        <Planet
	  style={{
	    transform: [
	      {
		translateX: Animated.multiply(
		  AnimatedMath.sinus(this.rotation),
		  -elipsisRadius
		),
	      },
	      {
		translateZ: Animated.multiply(
		  AnimatedMath.cosinus(this.rotation),
		  elipsisRadius
		),
	      },
              {rotateY: this.spin}
            ]}} /> 
	  <PointLight intensuty={2} />			
      </View>
    ) 
  }
}