title: Delete item from ListView with animation
body: <p>I have a ListView with a custom component (it is a swipeable component so sliding on it shows delete button). I want to delete the item from the list view on pressing the delete button with a sliding animation.</p>
  
  <p>This is my code for the Delete Button onPress function:</p>
  
  <pre><code>deleteItemAndPassId = (id) =&gt; {
      Animated.timing(this.state.x, {
        toValue: -1000,
        duration: 2000,
      }).start();
      this.props.deleteItemWithId(id); // calls parent's delete item which deletes it from the data array
    } 
  </code></pre>
  
  <p>The problem is the item gets deleted fast (before the animation completes) and the listview data source updates, after then the animation completes hence giving me an empty row. The layout returns to normal on restarting the app though (therefore there is no error in the deletion of the item).</p>
  
  <p>So can anyone tell me how to synchronize the animation and the deletion.
  Thanks in advance! </p>