如何将平面列表中的第一项呈现为全宽，其余两列如何呈现

Question

如何在反应本机平面列表中呈现数据以显示为首个项目，并在第2行的单列中显示完整宽度和剩余元素。

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

Answer 1

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

祝你好运！