React-native: [ListView] Extra space at the top.

[clanofnoobs]

I don't know if this is a styling issue, but there is some extra space (they're not rows because they're not selectable) at the top of the ListView. Is there any workaround this? And was this issue fixed within the last week?

[frantic]

I guess automaticallyAdjustContentInsets strikes again. Try

<ListView automaticallyAdjustContentInsets={false} ... />

[clanofnoobs]

That worked, thanks a bunch!

[LeezQ]

I have the same problem, mark this.

[umhan35]

Is this a bug or not?

[joewood]

Is automaticallyAdjustContentInsets documented anywhere? Why it's necessary etc...

[rxb]

Seems like automaticallyAdjustContentInsets compensates for statusBarIOS and tabBarIOS (so that things can scroll properly and not be blocked by those fixed items) but it gets complicated if the scrollview isn't the first or last component.

[jedt]

I was able to replicate this whenever I have a ScrollView (or ListView) with TabBarIOS at the bottom. If I put automaticallyAdjustContentInsets={false} the extra space at the top disappears but the scrollview doesn't scroll up all the way hiding the bottom contents of the ScrollView below the TabBarIOS

[ide]

@jedt, give the scroll view a contentInset of {bottom:49} or however tall your tab bar is, and the scrolling behavior should be fixed.

[jedt]

Thanks @ide! it works perfectly :)

here is the code:

<ListView
  contentInset={{bottom:49}}
  automaticallyAdjustContentInsets={false}
>

[joeyyang]

Has the team considered making automaticallyAdjustContentInsets={false} the default behavior of this component?

[brentvatne]

@frantic - curious what you think about @joeyyang's suggestion above

[wub]

@jedt @ide Also, if you _still_ can't see everything after doing that, make sure the container has flex: 1 - I forgot to do that I couldn't scroll more than (64 + 49)px!

[admmasters]

FWIW - you lose the translucency when scrolling content under the navigation bar - which makes sense when you think of how automaticallyAdjustContentInsets works.

[broonage]

This should definitely be explained in the ListView docs at least. I.e. If using a tab bar with a list view etc...

[RWOverdijk]

:+1: for the answer in this issue. :-1: for this being magic to users.

[christopherdro]

Related: #1779 #2151

@brentvatne @ide

[ghost]

I have a horizontal scroll view and getting extra bottom space.
I changed height in style and contentContainerStyle but not work
Anybody experienced same thing?

[hustshawn]

The feature is good enough and somewhat necessary in most of the cases that ListView just placed under the Navigator, but the problem is the lack of documentation here .

[Skylonatron]

Thanks so much i was messing with this for way too long