將 Flatlist 數據顯示到 Flatlist Props

Question

我在將我的 Flatlist 數據傳遞給我的 Flatlist 道具（即“ListHeaderComponent”）時遇到問題。 這是我的代碼：

        <FlatList
            ListHeaderComponent={
                <View>
                    <Text>{}</Text>
                </View>
            }
            data={displayedPhoto}
            keyExtractor={(item) => item.id}
            renderItem={renderPhotoItem}
            numColumns={2}
            
        />

有沒有可能在文本組件中傳遞我的平面列表數據？ 請幫幫我

Answer 1

ListHeaderComponent 是一個道具，用於將組件呈現為與 FlatList 一起滾動的 FlatList 的 Header。 ListHeaderComponent 不能有 FlatList 的項。 你可以使用喜歡

renderHeader = () => {
   return (
     <View>
       <Text>Employees</Text>
     </View>
   );
 };


<FlatList
  ListHeaderComponent={this.renderHeader}
  data={displayedPhoto}
  keyExtractor={(item) => item.id}
  renderItem={renderPhotoItem}
  numColumns={2}
/>