带有自定义分隔符的{React-Native FlatList

Question

我最近将react-native升级到0.44，我正在尝试新的FlatList。

我有一个数组（长度> 200）的对象，我想在每行三个对象的列表中呈现。当用户单击某个对象时，会在所单击对象所在的确切行之后打开其他视图。就像下面的谷歌图片一样：

我使用旧的ListView实现了类似的行为。我会计算用户点击的对象的行，然后渲染具有所需内容的分隔符。

我不能对FlatList做同样的事情，因为ItemSeparatorComponent没有索引。这是我到目前为止所得到的：

<FlatList
   data={companiesArr}
   renderItem={this.renderRowFlat}
   initialNumToRender={9}
   numColumns={3}
   windowSize={11}
   ItemSeparatorComponent={() => <CategoriesSeparator />}
/>

有没有人像这样实施smth？请告诉我。

此外，渲染所有元素时整个屏幕都会冻结。对此有何解决方法？

谢谢！