title: Cannot turn autoCorrect to {false} in react native TextInput
body: <p>On my TextInput change text, I detect whether the user pushed the <code>@</code> button for mentions.</p>
  
  <pre><code>onChangeText(text){
      const suggestTrigger = text.match(/\B@[A-Za-z0-9]*$/i) //grab "@" trigger
      const searchQuery = (suggestTrigger &amp;&amp; suggestTrigger.length &gt; 0) ? suggestTrigger[0] : null;
      this.setState({
          searchQuery: searchQuery
      })
  }
  </code></pre>
  
  <p>Then, in my render, I do:</p>
  
  <pre><code>&lt;TextInput 
      autoCapitalize={this.state.searchQuery ? "none" : "sentences"}
      autoCorrect={this.state.searchQuery ? false : true}
      onChangeText={this.onChangeText}
  /&gt;
  </code></pre>
  
  <p>However, even when I do this, the autoCorrect does <em>not</em> turn off.</p>
  
  <p>I still see this:</p>
  
  <p><a href="https://i.stack.imgur.com/exSIa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/exSIa.png" alt="enter image description here"></a></p>
  
  <p>This is causing problems because oftentimes the system replaces the entire mention with a different word altogether.</p>
  
  <p>How can I turn autoCorrect and autoCapitalize <em>off</em> when the user pushes the <code>@</code> button?
  '
  I have even tried rendering an entirely different , but the behavior remains.</p>