【React Native】文件翻譯閱讀紀錄 - 基礎 - 使用列表視圖
 |
| Facebook Open Source React Native |
使用列表視圖
React Native提供了一套用於顯示數據列表的組件。通常，您需要使用FlatList或SectionList。
FlatList組件顯示一個滾動列表，其中包含更改但結構相似的數據。 FlatList適用於長數據列表，其中項目數可能會隨時間而變化。與更通用的ScrollView不同，FlatList僅呈現當前在屏幕上顯示的元素，而不是一次呈現所有元素。
FlatList組件需要兩個道具：data和renderItem。 data是列表的信息來源。 renderItem從源中獲取一個項目並返回要呈現的格式化組件。
此示例創建一個簡單的硬編碼數據FlatList。數據道具中的每個項目都呈現為Text組件。然後，FlatListBasics組件呈現FlatList和所有Text組件。
FlatList組件顯示一個滾動列表，其中包含更改但結構相似的數據。 FlatList適用於長數據列表，其中項目數可能會隨時間而變化。與更通用的ScrollView不同，FlatList僅呈現當前在屏幕上顯示的元素，而不是一次呈現所有元素。
FlatList組件需要兩個道具：data和renderItem。 data是列表的信息來源。 renderItem從源中獲取一個項目並返回要呈現的格式化組件。
此示例創建一個簡單的硬編碼數據FlatList。數據道具中的每個項目都呈現為Text組件。然後，FlatListBasics組件呈現FlatList和所有Text組件。
0 意見