React native 为删除函数设置平面列表网格动画

如果我有一个单列

FlatList

，

layoutaimation

通过平滑地向上滑动到已删除项的位置，正确地设置从列表中删除元素的动画

如果我将

FlatList

prop

numColumns={2}

（或更高）设置为生成项目网格，则从列表中删除项目将无法通过轻松设置正确动画。现在删除项目时，网格中的项目会淡出，然后淡入，选定的项目也会消失

如何制作多列

FlatList

正确设置删除动画

 renderItem({item,index}) {
      return  (
          <ListItem
            item={item}
            index={index}
            deleteTerm={() => this.deleteItem(index)}
            search={() => this.onSearch(item)}
            />
      )
  }

  deleteItem(index) {
      LayoutAnimation.easeInEaseOut();
      this.props.actions({type:'DELETE_TERM', payload: index});
  }

  render () {
    return (
      <ScrollView style={styles.container}
        keyboardDismissMode={'on-drag'}
        keyboardShouldPersistTaps={'always'}
        >
          <FlatList
              keyboardShouldPersistTaps={'always'}
              data={this.props.searchHistory}
              renderItem={this.renderItem.bind(this)}
              numColumns={2}
              keyExtractor={(item) => item}
          />
      </ScrollView>
    )
  }

renderItem（{item，index}）{
返回(
this.deleteItem（索引）}
搜索={（）=>this.onSearch（项）}
/>
)
}
删除项目（索引）{
LayoutImation.easeInEaseOut（）；
this.props.actions（{type:'DELETE_TERM'，payload:index}）；
}
渲染（）{
返回(
项目}
/>
)
}

您是如何解决此问题的？