How to Disable Auto Correct in React Native TextInput?

Auto correct feature of an android or iOS keyboard not needed sometimes. You can use autoCorrect prop of <TextInput> to simply disable auto correct in the TextInput field.

Create A New Project

Create a new react-native project by using npx. Check documentation for creating a new react native project.

npx react-native@latest init TextInputRN

Add a TextInput Field and autoCorrect Prop

Let's add a <TextInput> field and add autoCorrect prop to TextInput.

Add autoCorrect={true}, if auto correct functionality is needed. Default value is true, so there is no need to add a prop for auto correct.

//app.tsx
import {TextInput} from 'react-native';

...

<TextInput
  style={styles.input}
  autoCorrect={true}
/>

Add autoCorrect={false}, to disable auto correct feature in text input field on both android and iOS.

<TextInput
  style={styles.input}
  autoCorrect={false}
/>

Share is Caring

Related Posts

• What is AllowFontScaling Prop in React Native?
• Keyboard Key Press Events of React Native TextInput
• Get Event After Keyboard Opened or Closed in React Native
• Disable Return Key on Empty TextInput
• What are Keyboard Change Frame Events in React Native
• Get Content Width and Height of React Native TextInput
• Press Events of React Native TextInput
• How to Focus on React Native TextInput using useRef Hook?
• Disable Copy/Paste in React Native Text Input