i want keyboard not to show up at all when i touch my text input-React-Native

Question

I want keyboard not to show up at all when i touch my text input.If i use 'Keyboard.dismiss' i loose the focus on my text input i am using custom keyboard which itself is part of my screen so i don't want any keyboard to show up at all without loosing the focus on my text input, any solution please.I have tried using libraries but facing same problems again and again what should i do. Here the code i Am using

<TextInput onFocus={Keyboard.dismiss}>

Answer 1

Use <TextInput showSoftInputOnFocus={false} /> It will hide the keyboard when you focus on the text input.

Answer 2

ReactNative TextInput has showSoftInputOnFocus prop, which is due to docs should hide keyboard. But seems like it doesn't work.

I found this solution, works for me:

 <>
<TouchableWithoutFeedback onPress={this.toggleVisible}>
  <View>
    <View pointerEvents="none">
      <Input
        value={String(value)}
        placeholder={placeholder}
      />
    </View>
  </View>
</TouchableWithoutFeedback>
<DateTimePicker
  isVisible={this.state.visible}
  onConfirm={onChange}
  onCancel={this.toggleVisible}
/>