javascript - React-native ScrollView/FlatList dính vào đầu và cuối của danh sách

Tôi muốn có một mục trong ScrollView hoặc FlatList dính vào cả đầu và cuối của danh sách. Điều này là dành cho một thành phần bảng xếp hạng nơi điểm số của người chơi hiện tại luôn hiển thị.

Tôi đã cố gắng thực hiện điều này với stickyHeaderIndices và dường như không thể tìm ra. Mọi sự giúp đỡ đều được trân trọng.

Câu trả lời #1

bạn có thể sử dụng mã sau để tạo Đầu trang và Chân trang cố định

<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]}
/>