CODEWITHSUNDEEP
keyboardscrollviewreact-nativereact-native-flatlist
Tom Kur
Tom Kur

Reputation: 2410

Keyboard Blocking Flatlist React Native

I have problem with Keyboard blocking Flatlist. The UI looks like this

<View>
   <View>
      Buttons...
   </View>
   <View>
      Input Field...
   </View>
   <View>
      Input Field...
   </View>
   <View>
      Buttons...
   </View>
   <Flatlist>
</View>

When I type on one of the input field, it will display the autocomplete results on Flatlist. The problem is some of the results are blocked by the keyboard. Any idea how to solve this?

Upvotes: 0

Views: 1035

Answers (1)

Max
Max

Reputation: 4739

wrap your ui in KeyboardAvoidingView

Upvotes: 1

Related Questions