javascript,react-native,animation,animated

react-native-animasyonlar-4.js

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

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

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

  springOynat () {
    this.springDegeri.setValue(0.3)
    Animated.spring(
      this.springDegeri,
      {
        toValue: 1,
        friction: 1
      }
    ).start()
  }

  render() {
    return (
      <View style={{flex: 1, marginTop: 100}}>
        <Text
          style={{marginBottom: 100}}
          onPress={this.springOynat.bind(this)}>Spring Yap</Text>
        <Animated.Image
          style={{ width: 227, height: 200, transform: [{scale: this.springDegeri}] }}
          source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}}/>
      </View>
    )
  }
}

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