W jaki sposób uczynić element ListHeaderComponent z Native FlatList React jako przyklejony?

Question

Mam FlatList, który jest celowo szerszy niż szerokość ekranu.

Lista przewija się w pionie, aby wyświetlić każdy wiersz i znajduje się w poziomym widoku przewijania, aby uzyskać dostęp do elementów poza ekranem.

Podpowiedź ListHeaderComponent jest w zasadzie etykietą osi X, którą chciałbym zachować jako "zamrożony nagłówek"; jak w arkuszu kalkulacyjnym.

Jak sprawić, aby element ListHeaderComponent stał się lepki?

Answer 1

trzeba ustawić jako rekwizyt do FlatliststickyHeaderIndices={[0]}

ListHeaderComponent: Ten prop by ustawić widok nagłówka na górze FlatList.

stickyHeaderIndices = {[0]}: Ten prop by ustawić pozycję położenia FlatList 0 indeksu jako lepką nagłówku i jak widać już dodany nagłówek do FlatList więc nagłówek jest teraz na pozycji 0 indeksu, więc domyślnie sprawi, że nagłówek będzie lepki.