React Native - iOS 集合視圖

Question

我應該在 React Native 中使用哪種方法來實現像集合視圖這樣的水平滾動？ 外觀和感覺需要與原生 iOS UICollectionView完全相似。

Answer 1

您可以同時使用FlatList和ScrollView 。 您只需要以正確的方式設置您的列表樣式，例如，像這樣創建一個網格。 檢查UIExplorer以了解基本組件的工作原理。

Answer 2

您可以使用 ListView 組件，確保您設置了水平屬性。

<ListView horizontal={true}
style={{flex:1}}
dataSource={this.state.dataSource}
renderRow={(data) => <Row/>}/>

此外，您可以點擊此鏈接獲取可重復使用的單元格。