title: Override/Disable iOS Smart Punctuation in TextInput
body: <p>React Native 0.59.9 with device running iOS 11, and Smart Punctuation enabled. This iOS feature automatically converts entered text into more visually-pleasing notations.</p>
  
  <p>Examples:  </p>
  
  <ul>
  <li>double hyphen <code>--</code> gets autoconverted to an emdash <code>—</code> (unicode 8212)</li>
  <li>quotation mark <code>"</code> gets autoconverted to a curly quote <code>“</code>(unicode 8220)</li>
  </ul>
  
  <p>etc.</p>
  
  <p>Disabling Smart Punctuation (via Settings > General > Keyboard) is unfortunately not an option.</p>
  
  <p>I render a basic <code>TextInput</code> component almost exactly as per the <a href="https://facebook.github.io/react-native/docs/textinput.html" rel="nofollow noreferrer">RN docs</a>, with the only exception that I'm using my own <code>onChangeText</code> handler function to see the  effect on the entered text:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { TextInput } from 'react-native';
  
  
  function handleTextChange(value) {
    // check value here after entering a '-' in the rendered TextInput.
    // when initial value is set to '', received value is ascii 45
    // when initial value is set to '-', received value is unicode 8212
  }
  
  export default function UselessTextInput() {
    const [value, onChangeText] = React.useState('-'); // change this to '' to see the difference
  
    return (
      &lt;TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
        onChangeText={(text) =&gt; handleTextChange(text)}
        value={value}
      /&gt;
    );
  }
  </code></pre>
  
  <p>Setting <code>autoCorrect={false}</code> and/or <code>autoCompleteType='off'</code> on the <code>&lt;TextInput&gt;</code> have no effect on the entered text.</p>
  
  <p><strong>Question</strong><br>
  Is there a way to override this auto-correct behaviour so as to not change the user's inputted data?</p>
  
  <p>I see that someone asked Facebook RN this question via a <a href="https://github.com/facebook/react-native/issues/20023" rel="nofollow noreferrer">Github issue</a>, but got no response.</p>