ListView nie przewija się

Question

Jak widać w załączonym pliku GIF, nie można przewinąć przez ListView. Widok zostanie przywrócony do pierwotnej pozycji, gdy tylko zwolnię przycisk myszy.

Przeczytałem dokumentację i wygląda na to, że przewijanie powinno się odbyć pod po prostu. Oto realizacja render():

render: function(){ 
    return (
    <ListView 
     automaticallyAdjustContentInsets={false} 
     initialListSize={9} 
     dataSource={this.state.dataSource} 
     renderRow={this.renderTrack} 
     renderSectionHeader={this.renderSectionHeader}/> 
); 

Answer 1

Twój ListView rzeczywistości może być dość mała, ale nie wydaje się, że droga do widzialnej zrobić przelew. Spróbuj ustawić flex: 1 lub height: 587 we właściwości stylu ListView.

Answer 2

To dzięki tej właściwości, zakładam masz tylko jeden, może dodać nagłówek za lepki rzędu ?:

renderSectionHeader funkcji

(sectionData, sectionID) => renderable

Jeśli jest to przewidziane, dla tej sekcji renderowany jest lepki nagłówek. Lepkie zachowanie oznacza, że ​​będzie przewijać zawartość na górze sekcji , aż dotrze do górnej części ekranu, w którym to momencie będzie trzymać się góry, aż zostanie zepchnięty z ekranu przez następną sekcję nagłówek.

Answer 3

Jedyny raz widziałem to, gdy contentContainerStyle jest ustawiony na flex: 1. Usuń flex, jeśli tak jest.

Answer 4

ustawienie flex:1 do rodzica listy zrobił mi lewę za mnie.

Answer 5

Miałem ten sam problem, miałem View owijanie ListView, usunąłem zewnętrzny View i teraz działa zgodnie z oczekiwaniami.