javascript,react-native,animation,animated

react-native-animasyonlar-1.js

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

export default class test extends Component {
  constructor(props) {
    super(props);

    this.donusDegeri = new Animated.Value(0);
  }

  componentWillMount() {
    this.dondur();
  }

  dondur () {
    this.donusDegeri.setValue(0)
    Animated.timing(
      this.donusDegeri,
      {
        toValue: 1,
        duration: 4000,
        easing: Easing.linear
      }
    ).start(() => this.dondur())
  }

  render() {
    const don = this.donusDegeri.interpolate({
      inputRange: [0, 1],
      outputRange: ['0deg', '360deg']
    });
    return (
      <Animated.Image
        style={{
          width: 323,
          height: 170,
          transform: [{rotate: don}] }}
          source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}
      />
    );
  }
}

AppRegistry.registerComponent('test', () => test);