Search code examples
javascriptreact-nativekeyboardscrollview

React Native - Hide keyboard on scroll

I am using Keyboard Aware ScrollView to wrap my content and avoid keyboard overflowing focused TextInput.

However, I wish to hide the keyboard if the user decides to scroll through the content. Currently, if that is the situation, the user can scroll through the contents freely, but the keyboard will not hide. Is this possible to achieve using this library?

Solution

  • According to react-native-keyboard-aware-scroll-view documentation this component accepts ScrollView, SectionList and FlatList default props, so try using keyboardDismissMode prop and set it to 'on-drag'