gistfile1.js

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

export default class animatedbasic extends Component {
  
  componentWillMount() {
    this.animatedValue = new Animated.Value(1);
  }
  componentDidMount() {
    Animated.timing(this.animatedValue, {
      toValue: 0,
      duration: 1000,
      easing: Easing.bounce
    }).start()
  }
  
  render() {
    const animatedStyle = { opacity: this.animatedValue }
    return (
      <View style={styles.container}>
        <Animated.View style={[styles.box, animatedStyle]}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center"
  },
  box: {
    backgroundColor: "#333",
    width: 100,
    height: 100
  }
})

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