Listview 使用自定义分隔符反应本机平面列表

Listview 使用自定义分隔符反应本机平面列表,listview,react-native,Listview,React Native,我最近将react native升级到了0.44,我正在尝试新的FlatList 我有一个对象数组(长度>200),我想在每行三个对象的列表中渲染这些对象。当用户单击某个对象时,会在单击对象所在的这一行之后打开其他视图。如下面的谷歌图片所示: 我用旧的ListView实现了类似的行为。我将计算用户单击的对象行,然后使用所需内容呈现分隔符 我无法对平面列表执行相同操作,因为ItemSeparatorComponent没有索引。以下是我到目前为止得到的信息: <FlatList dat

我最近将react native升级到了0.44,我正在尝试新的FlatList

我有一个对象数组(长度>200),我想在每行三个对象的列表中渲染这些对象。当用户单击某个对象时,会在单击对象所在的这一行之后打开其他视图。如下面的谷歌图片所示:

我用旧的ListView实现了类似的行为。我将计算用户单击的对象行,然后使用所需内容呈现分隔符

我无法对平面列表执行相同操作,因为ItemSeparatorComponent没有索引。以下是我到目前为止得到的信息:

<FlatList
   data={companiesArr}
   renderItem={this.renderRowFlat}
   initialNumToRender={9}
   numColumns={3}
   windowSize={11}
   ItemSeparatorComponent={() => <CategoriesSeparator />}
/>
}
/>
有人这样实施smth吗?请让我知道

此外,渲染所有元素时,整个屏幕都会冻结。有解决办法吗


谢谢

您说过“在单击的对象所在的这一行之后会打开其他视图”。为什么不尝试在行内添加视图?是否仍需要帮助?如果是这样,您是否能够提供更多的代码片段?