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

Answer 1

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

Answer 2

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

Answer 3

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 4

It is due to this property, I assume you only have one, maybe add a sticky header per row?:

renderSectionHeader function

(sectionData, sectionID) => renderable

If provided, a sticky header is rendered for this section. The sticky behavior means that it will scroll with the content at the top of the section until it reaches the top of the screen, at which point it will stick to the top until it is pushed off the screen by the next section header.

Answer 5

I had the same problem, I had a View wrapping the ListView, I removed the outer View and now it works as expected.