React Native Scroll View 条件渲染

Question

在我的应用程序中，我有一个包含一堆图像的 ScrollView，但我希望在该 ScrollView 中呈现的第一个项目是一个“加号”图标，允许用户添加更多图像。我怎样才能做到这一点？

Answer 1

听起来像 FlatList 更适合您的用例，因为您正在渲染一组相似的项目。

如果切换到FlatList，可以使用属性ListHeaderComponent：

<FlatList
  data={myImageArray}
  renderItem={({ item }) => <MyImageComponent image={item} />}
  ListHeaderComponent={MyPlusButtonComponent}
/>