Disable IOS keyboard suggestions in React Native

ios react-native keyboard react-native-ios
Ryan Wilson picture Ryan Wilson · Jul 28, 2017 · Viewed 14.4k times · Source

I'm trying to set up a comment page in my app and I want to have the comment input field sitting right on top of the keyboard like Facebook, Instagram, Strava and many other apps have. But when the keyboard comes in it has suggestions on the top like so: enter image description here

I want to disable the suggestions above the keyboard here so that I can put my textinput on top of the keyboard. Is this possible in React-Native?

React-Native: 0.44.0

Answer

Ryan Wilson picture Ryan Wilson · Jul 31, 2017

So after a some more digging I found that if you set the autoCorrect prop on the TextInput itself to false, it removes the suggestions above the keyboard. No need to go into the native code to try and fix this.

ie: <TextInput autoCorrect={false}/>

Related questions

How do you debug React Native?

How does one debug their React code with React Native while the app is running in app simulator?

Read More
react-native: command not found

I am getting -bash: react-native: command not found error while creating react-native project. Below are the additional info 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/…

Read More
React Native Responsive Font Size

I would like to ask how react native handle or do the responsive font. For example in iphone 4s i Have fontSize: 14, while in iphone 6 I have fontSize: 18.

Read More