FlatList Outgrowing Container

I’m trying to set up a really simple screen that contains a footer and a FlatList, but the FlatList is stretching the page and pushing the footer down.

Example code:

<View style={{ flex: 1 }}>
<FlatList style={{ flex: 1 }}  data={...} renderItem={...} />
<View style={{ height: 20 }}><Text>Hello</Text></View> 
</View>