title: Prevent system Keyboard from showing when TextInput is pressed in react native
body: <p>I want to show my custom keyboard component when an input field is press. I want to prevent the system default keyboard from getting triggered at all.</p>
  
  <p>I have tried dismissing the keyboard on onFocus but this triggers the keyboard and then dismisses the keyboard.</p>
  
  <pre><code> &lt;TextInput
       placeholder="type here"
       onFocus={Keyboard.dismiss}
   /&gt;
  </code></pre>
  
  <p>I have tired wrapping the TextInput inside TouchableWithoutFeedback but this solution doesn't work.</p>
  
  <pre><code>&lt;TouchableWithoutFeedback
      onPress={() =&gt; Keyboard.dismiss()}
      accessible={false}
  &gt;
      &lt;View&gt;
          &lt;TextInput placeholder="type here" /&gt;
      &lt;/View&gt;
  &lt;/TouchableWithoutFeedback&gt;
  </code></pre>
  
  <p>Any ideas how can I achieve the desired results?</p>