Dismiss keyboard in multiline TextInput in React native
<p>When the user presses the <code>Return</code> key in a multiline <code>TextInput</code>, a new line is created and the keyboard continues to be visible. How should the keyboard be dismissed for multiline TextInput in React native?</p>

<p>I did some research. I found that clicking on the <code>View</code> outside the <code>TextInput</code> does not blur the TextInput, which is causing the keyboard to remain visible. </p>

<pre><code>&lt;View style={styles.container}&gt;
  &lt;TextInput
    placeholder="To"
    style={styles.input}
    value={this.state.to}
    onChangeText={(to) =&gt; this.setState({to})}
  /&gt;
  &lt;TextInput
    placeholder="Text"
    style={styles.textarea}
    multiline={true}
    numberOfLines={4}
    value={this.state.text}
    onChangeText={(text) =&gt; this.setState({text})}
  /&gt;
&lt;/View&gt;
</code></pre>

<p>For <code>ScrollView</code>, there is a prop - <code>keyboardShouldPersistTaps</code> which causes the <code>TextInput</code> to blur. Is there any equivalent of that for <code>View</code>? I want the multiline TextInput to blur so that the keyboard gets dismissed.</p>