Categories
JavaScript Answers React Native Answers

How to disable iOS keyboard suggestions in React Native?

Spread the love

Sometimes, we want to disable iOS keyboard suggestions in React Native.

In this article, we’ll look at how to disable iOS keyboard suggestions in React Native.

How to disable iOS keyboard suggestions in React Native?

To disable iOS keyboard suggestions in React Native, we can set the autoCorrect prop to false.

For instance, we write:

import * as React from 'react';
import { TextInput, View } from 'react-native';
import Constants from 'expo-constants';
import { Card } from 'react-native-paper';

export default function App() {
  return (
    <View style={{ padding: 30 }}>
      <TextInput autoCorrect={false} />
    </View>
  );
}

to set autoCorrect to false.

Now the keyboard suggestions should be hidden in iOS.

Conclusion

To disable iOS keyboard suggestions in React Native, we can set the autoCorrect prop to false.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *