Add Animated helper components

[justinwoo]

Usage:

import CycleAnimated from '@cycle/react-native/src/Animated';
let {Animated, Dimensions, StyleSheet, TouchableOpacity, Text, View, ScrollView, Image, AlertIOS} = React;
let windowWidth = Dimensions.get('window').width;


    <CycleAnimated.Image
        animation={Animated.spring}
        initialValue={0}
        value={(counter % 2 === 0) ? 0 : 1}
        animate={{
          height: {
            inputRange: [0, 1],
            outputRange: [100, windowWidth]
          },
          width: {
            inputRange: [0, 1],
            outputRange: [100, windowWidth]
          }
        }}
        source={{uri: "http://i.imgur.com/spJ0lss.jpg"}}
      >
      </CycleAnimated.Image>
      <CycleAnimated.Text
        animation={Animated.spring}
        initialValue={0}
        value={(counter % 2 === 0) ? 0 : 1}
        animate={{
          fontSize: {
            inputRange: [0, 1],
            outputRange: [10, 30]
          }
        }}
      >
        Whoa!!!
      </CycleAnimated.Text>
      <CycleAnimated.View
        animation={Animated.timing}
        options={{
          duration: 250
        }}
        initialValue={0}
        value={(counter % 2 === 0) ? 0 : 1}
        style={{
          backgroundColor: "red",
          height: 32
        }}
        animate={{
          opacity: {
            inputRange: [0, 1],
            outputRange: [0, 1]
          },
          width: {
            inputRange: [0, 1],
            outputRange: [100, windowWidth]
          }
        }}
      >
        <Text>Whoa!!!</Text>
      </CycleAnimated.View>