Cannot scroll to bottom of ScrollView in React Native
set flexGrow: 1
to contentContainerStyle
of your ScrollView
contentContainerStyle={{ flexGrow: 1 }}
Apply padding styles to "contentContainerStyle" prop instead of "style" prop of the ScrollView.
I had just a ScrollView
in my application and it was working fine. Then I added a header component at the top, and the bottom of my ScrollView
was not visible any more. I tried everything and nothing worked. Until I found a solution after an hour of trying every crazy thing and here it is. I fixed the issue by adding paddingBottom
as contentContainerStyle
to my ScrollView
.
<ScrollView contentContainerStyle={{paddingBottom: 60}} >
{this.renderItems()}
</ScrollView>