react-native - React Native 论文中的卡片列表

Question

我想使用 react-native-paper 在我的 React Native 应用程序中拥有一个垂直的卡片列表。我将使用<Card>属于 react-native-paper 一部分的组件.

我应该将卡片包裹在 <FlatList> 中吗？或<List>属于 react-native-paper 一部分的组件？我不确定 <List> 到底是什么react-native-paper 中的组件对应于 Android 中的内容以及使用它是否有利于获得更好的结果。和iOS .

Answer 1

我建议您在 Flatlist 中使用 Card，如果您想将 Flatlist 用作垂直，则默认为 Vertical 。如果你想水平使用它，你需要在内部将它声明为 bool 值。这是一个例子

  
    <FlatList
        data={yourData}
        keyExtractor={(item) => item.id.toString()}
        renderItem={({ item }) => <Card> ... </Card>}
     />