我必須在我的專案中實作這樣的設計。我不知道如何實作這樣的設計。
是否有任何軟體包可用于實作這樣的設計？
我正在使用FlatList組件來呈現串列項。
我正在用react-native做這個專案
作業環境：-
react-native: 0.64.1
uj5u.com熱心網友回復：
嘗試使用react-native-masonry-list
<MasonryList
data={filteredItems}
keyExtractor={(item, index): string => index.toString()}
numColumns={2}
showsVerticalScrollIndicator={false}
renderItem={({item}) => <CardItem />}
refreshing={isLoadingNext}
onRefresh={() => refetch({first: ITEM_CNT})}
onEndReachedThreshold={0.1}
onEndReached={() => loadNext(ITEM_CNT)}
/>
對于自定義實作，本文將幫助您
uj5u.com熱心網友回復：
只需使用如下所示的 flatliat：但請注意您應該添加的最后一項 flex:1/2
<FlatList
data={data}
numColumns={2}
keyExtractor={(item, index) => item.id }
renderItem={(item) => <Card/>/> }
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/376809.html
標籤：反应原生