时间戳

首页 > 解决方案 > React Native Paper 中的卡片列表

react-native - React Native Paper 中的卡片列表

问题描述

我想在我的 React Native 应用程序中使用react-native-paper. 我将使用<Card>属于react-native-paper.

我应该将卡片包装在 a<FlatList>还是其中的<List>组件中react-native-paper？我不确定其中的<List>组件到底对应什么，以及使用它在和react-native-paper中获得更好的结果是否有益。AndroidiOS

标签： react-nativereact-native-paper

解决方案

我建议您在 Flatlist 中使用您的 Card，如果您想将 flatlist 用作垂直列表，则默认为 vertical 。如果要水平使用它，则需要在内部将其声明为布尔值。这是一个例子

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

推荐阅读