How to use KeyboardAvoidingView with FlatList?

I have a FlatList component with an Input inside each row. When I select the input I want it to scroll up above the keyboard.

My code:

return (<KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} ><FlatList      style={{ flex: 1, backgroundColor: '#fff' }}      data={ds}      renderItem={({ item }) => <ListItem data={item} />}      ListFooterComponent={this.renderButton}    /></KeyboardAvoidingView>);

In this scenario, the FlatList is never loaded. When I delete flex:1 from both components, FlatList renders properly but selecting an Input does not make it scroll up