title: Animate FlatList Grid for delete functions
body: <p>If I have a single column <code>FlatList</code>, <code>LayoutAnimation</code> properly animates deleting an element from the list by smoothly sliding up into place of the deleted item.</p>
  <p>If I set <code>FlatList</code> prop <code>numColumns={2}</code> (or greater) to make a grid of items, deleting an item from the list no longer animates correctly via easing. When deleting an item now, the items in the grid after it fade out, then fade back in with the selected item now gone.</p>
  <p>How do I make a multi-column <code>FlatList</code> animate deletions correctly?</p>
  <pre><code> renderItem({item,index}) {
        return  (
            &lt;ListItem
              item={item}
              index={index}
              deleteTerm={() =&gt; this.deleteItem(index)}
              search={() =&gt; this.onSearch(item)}
              /&gt;
        )
    }
  
    deleteItem(index) {
        LayoutAnimation.easeInEaseOut();
        this.props.actions({type:'DELETE_TERM', payload: index});
    }
  
    render () {
      return (
        &lt;ScrollView style={styles.container}
          keyboardDismissMode={'on-drag'}
          keyboardShouldPersistTaps={'always'}
          &gt;
            &lt;FlatList
                keyboardShouldPersistTaps={'always'}
                data={this.props.searchHistory}
                renderItem={this.renderItem.bind(this)}
                numColumns={2}
                keyExtractor={(item) =&gt; item}
            /&gt;
        &lt;/ScrollView&gt;
      )
    }
  </code></pre>