ListView fails to scroll

Question

As you can see in the attached GIF, I can't scroll through the ListView. The view snaps back to the original position as soon as I release the mouse.

I've read over the documentation and it seems like scrolling should just work. Here's the implementation of render():

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

Answer 1

Your ListView might actually be quite small but not appear that way do to visible overflow. Try setting flex: 1 or height: 587 on your ListView's style property.

Answer 2

The only time I've seen this is when contentContainerStyle is set to flex:1. Remove the flex if that's the case.

Answer 3

setting flex:1 to list's parent did the trick for me.