如何为 Flatlist 的第一个数组赋予不同的样式

Question

如何使第一个数据库数组在 Flatlist 中看起来大小不同？

Answer 1

当使用 FlatList 时，您有一个名为 renderItem 的道具。

告诉 FlatList 某些（第一个、最后一个、偶数、奇数等）项应该如何呈现的方法是使用传递给 renderItem 的回调函数的 index 参数.

代码示例

<FlatList
  ...
  renderItem={({item, index}) => {
    if (index === 0) {
      return <FirstListItem ...props />;
    } else {
      return <OtherListItem ...props />
    }
  }}
/>