I solved this issue with flexGrow instead of flex
<ScrollView contentContainerStyle={{ flexGrow: 1, justifyContent: 'center' }}>
This makes the content container stretch to fill the ScrollView but does not restrict the maximum height, so you can still scroll correctly when the content extends the bounds of the ScrollView