RN animated组动画

代码：

export default class AnimationGroupScene extends Component {

    constructor() {
        super()
        this.animatedValue1 = new Animated.Value()
        this.animatedValue2 = new Animated.Value()
        this.animatedValue3 = new Animated.Value()
    }

    componentDidMount() {
        this.animate()
    }

    animate() {
        this.animatedValue1.setValue()
        this.animatedValue2.setValue()
        this.animatedValue3.setValue()
        const createAnimation = function (value, duration, easing, delay = ) {
            return Animated.timing(
                value,
                {
                    toValue: ,
                    duration,
                    easing,
                    delay
                }
            )
        }
        Animated.parallel([
            createAnimation(this.animatedValue1, , Easing.ease),
            createAnimation(this.animatedValue2, , Easing.ease, ),
            createAnimation(this.animatedValue3, , Easing.ease, )
        ]).start()
    }

    render() {

        const scaleText = this.animatedValue1.interpolate({
            inputRange: [, ],
            outputRange: [0.5, ]
        })
        const spinText = this.animatedValue2.interpolate({
            inputRange: [, ],
            outputRange: ['0deg', '720deg']
        })
        const introButton = this.animatedValue3.interpolate({
            inputRange: [, ],
            outputRange: [-, ]
        })

        return (
            <View style={styles.container}>
                <Animated.View
                    style={{transform: [{scale: scaleText}]}}>
                    <Text>Welcome</Text>
                </Animated.View>
                <Animated.View
                    style={{marginTop: , transform: [{rotate: spinText}]}}>
                    <Text
                        style={{fontSize: }}>
                        to the App!
                    </Text>
                </Animated.View>
                <Animated.View
                    style={{top: introButton, position: 'absolute'}}>
                    <TouchableHighlight
                        onPress={this.animate.bind(this)}
                        style={styles.button}>
                        <Text>启动组动画</Text>
                    </TouchableHighlight>
                </Animated.View>

            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: ,
        marginTop: ,
        justifyContent: 'center',
        alignItems: 'center',
    },
    button: {
        marginTop: ,
        backgroundColor: '#808080',
        height: ,
        width: ,
        borderRadius: ,
        justifyContent: 'center',
        alignItems: 'center',
    },

});