TIL: RN | FlatList ListHeaderComponent

Lumpen·2023년 4월 27일
0

ReactNative

목록 보기
17/42

FlatList 의 ListHeaderComponent 속성에 Props 로 child 를 받아서
넣어주면 리스트의 위쪽에 child 컴포넌트가 생성된다

    <FeedList
      logs={filteredLog}
      ListHeaderComponent={
        <CalendarView
          markedDates={markedDates}
          selectedDate={selectedDate}
          onSelectDate={setSelectedDate}
        />
      }
    />
// FeedList

 <FlatList
      data={logs}
      style={styles.block}
      renderItem={renderItem}
      keyExtractor={log => log.id}
      ItemSeparatorComponent={() => <View style={styles.separator} />}
      onScroll={onScroll}
      ListHeaderComponent={ListHeaderComponent}
    />
profile
떠돌이 생활을 하는. 실업자는 아니지만, 부랑 생활을 하는

0개의 댓글