react-native-scrollable-with-collapsable-header

react-native-scrollable-with-collapsable-header

What is it?

A simple react-native component to associate a collapsable header to any scrollable component (ie: ScrollView, FlatList, SectionList).

Usage

  <ScrollableWithCollapsableHeader 
    headerComponent={() => {
      <MyHeaderComponent />
    }}
    headerHeight={50}
    listComponent={({style, onScroll, scrollEventThrottle}) => {
      <ScrollView style={style}, onScroll={onScroll}, scrollEventThrottle={scrollEventThrottle} />
    }}
  />