reactjs React原生：平面列表内容容器的自定义组件

x7yiwoj4 于 2023-01-25 发布在 React

关注(0)|答案(1)|浏览(112)

是否有任何方法可以为FlatList项添加自定义组件？我想使用与此等效的自定义组件“ Package ”我的FLatList项

<ScrollView
    pt={8}
    px={16}
    pb={128}
>
    <Card elevate size='$2' bordered>
        <YGroup separator={<Separator />}>
            {data.map(({value, index}) => {
                <InterfaceItem ... />
            })}
        </YGroup>
    </Card>
</ScrollView>

请注意，这些项被“ Package ”在<Card>和<YGroup>组件中。如何使用FlatList实现相同的结果？
我尝试过用renderItem方法中的组件 Package 条目，但是 Package 器组件也被迭代了。

reactjs

来源：https://stackoverflow.com/questions/75221197/react-native-custom-component-for-flatlist-content-container

1条答案

按热度按时间

nue99wik1#

如果我没有理解错你的问题，那么如果你不想把Card和YGroup作为迭代的一部分来呈现，那么你只需要把你的FlatList嵌套在你的 Package 器里，看起来像这样：

<Card elevate size="$2" bordered>
  <YGroup separator={<Separator />}>

    <FlatList
      data={data}
      keyExtractor={(item) => `${item.id}`}
      renderItem={({ item }) => {
        return <InterfaceItem ... />;
      }}
    />

  </YGroup>
</Card>;

赞(0）回复(0）举报 2023-01-25

我来回答

reactjs React原生：平面列表内容容器的自定义组件

1条答案

相关问题

热门标签

最新问答