How to avoid keyboard for bottom half modal

Let’s say we have a bottom half modal with some TextInput. How can we avoid the keyboard? I’ve tried KeyboardAvoidingView and it did nothing.

CC @mmazzarolo.

Thanks.

[fredrivett]

FWIW for those coming from Google, I solved this by using a nested KeyboardAvoidingView inside my Modal (the avoidKeyboard mentioned above in v4 didn’t work for me).

<Modal>
  <KeyboardAvoidingView
    behavior="position"
    enabled
  >
    {myContent}
  </KeyboardAvoidingView>
</Modal>

Note: behaviour="position", this didn’t work when using padding for me.

[0xleeaki]

Hey, you can try using “behavior={Platform.OS === “android” ? undefined : “position”}”

<Modal
        isVisible={showCoupon}>
        <KeyboardAvoidingView enabled  behavior={Platform.OS === "android" ? undefined : "position"}>
          <ScrollView scrollEnabled={false} keyboardShouldPersistTaps="handled">
          <View style={[styles.modalContent, { flex: 1 }]}>
          </View>
        </ScrollView>
        </KeyboardAvoidingView>
</Modal>

For Style:

modalContainer: {
    justifyContent: 'flex-end'
  },
  modalContent: {
  }