title: TextInput block change in onChange (preventDefault)?
body: <p>I have to have an uncontrolled text input (for some reason not detailed here). I am trying to block a change from happening in my <code>&lt;TextInput&gt;</code>.</p>
  
  <p>Here is my component and here is Snack demo of it - <a href="https://snack.expo.io/@noitsnack/textinput-block-onchange" rel="noreferrer">https://snack.expo.io/@noitsnack/textinput-block-onchange</a></p>
  
  <pre><code>class UncontrolledInput extends Component {
      inputRef = null
  
      render() {
          return (
              &lt;View&gt;
                  &lt;TextInput ref={this.refInput} onChange={this.handleChange} /&gt;
              &lt;/View&gt;
          )
      }
  
      refInput = el =&gt; this.inputRef = el
  
      handleChange = e =&gt; {
          const { nativeEvent:{ text } } = e;
  
          // block i characters
          if (text.includes('i')) {
              e.preventDefault();
              e.stopPropagation();
              e.returnValue = false;
              return false;
          }
      }
  }
  </code></pre>
  
  <p>Is this possible? While <code>preventDefault</code> and <code>stopPoropagation</code> exist in <code>e</code> they don't seem to do anything.</p>