Redux Form 6.1.1 - validation on blur is not working on react-native
<p>I'm working on react-native (Android) where I'm using redux-form 6.1.1.</p>

<p>One weird behaviour I've notice i.e redux-form doesn't perform validation  when I remove focus(blur) from input field, however on submit validation is working as intended.</p>

<p>Please guide me here. Below is my code.</p>

<p><strong>Text field component</strong></p>

<pre><code>&lt;TextInput
  keyboardType={ textType ? textType : 'default' }
  onChangeText={ (val) =&gt; onChange(val) }
  value={ value }
  underlineColorAndroid="transparent"
  style={ styleInput }
  {...this.props}
/&gt;

{/* Error message */}
&lt;View&gt;
  {
    touched &amp;&amp; error ?
    &lt;Text&gt;{error}&lt;/Text&gt;
    : null
  }
&lt;/View&gt;
</code></pre>

<p><strong>Implementation of this Text field component as below</strong></p>

<pre><code>&lt;Field
  component={TextField}
  name="phoneNumber"
  placeholder="Mobile Number"
  styleInput={styles.inputs}
  styleInputWrap={styles.inputView}
/&gt;
</code></pre>

<p><strong>validate function</strong></p>

<pre><code>function validate(values) {
  const err = {};

  // common function for phone number validation
  validatePhoneNumber(err, 'phoneNumber', values.phoneNumber);

  return err;
}
</code></pre>

<p><strong>Note</strong>: I observe that from <strong><em>touched &amp;&amp; error</em></strong> condition error contains required error message but touched remains false even after switch/focus to another input field. As soon as I hit the submit button touched flag set to true.</p>