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 are Keyboard Change Frame Events in React Native
• How to get Keyboard Metrics without Using Events in React Native?
• Disable Return Key on Empty TextInput
• Hide React Native Keyboard with Floating Done Button
• How to Know if React Native Keyboard is Opened or Closed?
• Difference Between onEndEditing and onSubmitEditing in React Native
• Icon Inside React Native Text Input
• Using keyboardShouldPersistTaps Prop of ScrollView
• How to Focus Next React Native TextInput on Enter/Next Key Press?