Breaking News: Grepper is joining You.com. Read the official announcement!

flatlist sticky header

Tarik answered on February 17, 2023 Popularity 9/10 Helpfulness 8/10

answer flatlist sticky header

flatlist sticky header

Comment

<FlatList
  data={ this.state.FlatListItems }
  ItemSeparatorComponent={ this.FlatListItemSeparator}
  renderItem={ ({item}) => (
    <Text
      style={styles.FlatList_Item}
      onPress={this.GetItem.bind(this, item.key)}> {item.key}
      </Text>
  )}
  ListHeaderComponent={this.Render_FlatList_Sticky_header}
  stickyHeaderIndices={[0]}
/>

You need to set prop to Flatlist as stickyHeaderIndices={[0]}

Popularity 9/10 Helpfulness 8/10 Language whatever

Source: stackoverflow.com

Tags: flatlist header sticky whatever

Link to this answer
Share Copy Link