如何将平面列表中的第一项呈现为全宽，并将剩余项呈现为 2 列答案

【问题标题】：How to render first item in flatlist to full width and remaining items in 2 columns如何将平面列表中的第一项呈现为全宽，并将剩余项呈现为 2 列
【发布时间】：2019-04-26 18:50:18
【问题描述】：

如何在 react native flatlist 中渲染数据以显示为第一项，在单行 2 列中采用全宽和剩余元素。

          Item 1
  Item 2     item3
  Item4      item5
  Item6      item7 and so on

【问题讨论】：

标签： reactjs react-native react-native-flatlist

【解决方案1】：

你不能通过 renderItem 属性使用 Flatlist 来做到这一点。但是，请查看 the docs here 并具体查看 ListHeaderComponent。如果您知道始终将 FlatList 中的第一项呈现为全宽项，则将其从数据中拉出并使用 ListHeaderComponent 进行呈现。通过“data”属性提供其余数据，并确保“numColumns”属性设置为 2。

祝你好运！

【讨论】：

【解决方案2】：

其实可以的

为渲染项（item, index）添加索引

当 index = 0 时，返回任何你想要的样式。

【讨论】：

请在您的回答中提供更多详细信息。正如目前所写的那样，很难理解您的解决方案。