Загрузка строки подпрыгивает между 2 значениями

Question

Я пытаюсь воссоздать эту анимацию в реакции на натив, но возникли некоторые проблемы. Я не могу понять, как вернуть представление в исходное положение и держать его в бесконечном цикле, пока компонент не будет размонтирован. Любой совет или направление будет полезно.

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

const { width, height } = Dimensions.get('window');

class Loading extends Component {

    _loadingWidth = new Animated.Value(0);

    componentDidMount() {
        Animated.timing(this._loadingWidth, {
            toValue: width,
            duration: 20
        }).start();
    }

    render() {
        return (
            <Animated.View style={{ backgroundColor: 'red', width: this._loadingWidth, height: 10 }}>

            </Animated.View>
        );
    }
}

export { Loading }