title: Hide keyboard in Android and iOS without loosing focus
body: <p>I am having a <code>text-input</code> in <code>react-native</code> and I want to apply my custom keyboard on input field and hide the soft keyboard on focus. I tried by setting the <code>showSoftInputOnFocus</code> to <code>false</code>, but this prop is available only on <code>Android</code>. How can I achieve this?
  My <code>textinput</code> looks something like this</p>
  <pre><code>
      &lt;Text style={styles.symbol}&gt;$&lt;/Text&gt;
                    &lt;TextInput
                      onFocus={() =&gt; onFocus('salesPrice')}
                      value={tabDetails.salesPrice}
                      onChangeText={value =&gt; onStateChange('salesPrice', value)}
                      placeholderTextColor={colors.placeholderColor}
                      placeholder={constants.common.zeroPlaceholder}
                      showSoftInputOnFocus={false}
                      style={styles.textInput}
                      onEndEditing={event =&gt;
                        onEndEditing('salesPrice', event.nativeEvent.text)
                      }
                    /&gt;
  
  </code></pre>