问错误:实现react animation.timing方法时出错

EN

    import React ,{ Component} from "react";
    import { Card } from 'react-native-elements';
    import { Text, View ,Animated,Easing} from 'react-native';
    import { connect } from 'react-redux';
    import { baseUrl } from '../shared/baseUrl';
    import { Loading } from './LoadingComponent';

    const mapStateToProps = state => {
        return {
          dishes: state.dishes,
          comments: state.comments,
          promotions: state.promotions,
          leaders: state.leaders
        }
      }

function RenderItem(props) {
    const item = props.item;
        if (item != null) {
            return(
                <Card
                    featuredTitle={item.name}
                    featuredSubtitle={item.designation}
                    image={{uri: baseUrl + item.image}}>
                    <Text
                        style={{margin: 10}}>
                        {item.description}</Text>
                </Card>
            );
        }
}

class Home extends Component{
    constructor(props) {
        super(props);
        this.animatedValue = new Animated.Value(0);        
    }
    componentDidMount () {
        this.animate()
    }
    animate () {
        this.animatedValue.setValue(0)
        Animated.timing(
          this.animatedValue,
          {
            toValue: 8,
            duration: 8000,
            easing: Easing.linear
          }
        ).start(() => this.animate())
    }
    render() {

        const xpos1 = this.animatedValue.interpolate({
            inputRange:[0,1,3,5,8],
            outputRange:[1200 , 600 , 0 , -600 , -1200]
        });

        return(
            <View style = {{flex :1 , flexDirection:'row' , justifyContent : 'center'}}>
                <Animated.View style={{width :'100%' , tranform :[{translateX:xpos1}]}}>
                    <RenderItem item={this.props.dishes.dishes.filter((dish) => dish.featured)[0]}
                        isLoading={this.props.dishes.isLoading}
                        erreMess={this.props.dishes.erreMess} 
                    />
                </Animated.View>


            </View>

        );
    }
}

export default connect(mapStateToProps)(Home);