Disable IOS keyboard suggestions in React Native - ios

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:
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

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}/>

For ios, accepted answer will work fine but i just wanted to add for the android.
So for android, to hide the suggestions, use keyboardType='visible-password' for the textInput where you want to hide the suggestions.

I think for Android:
autoCorrect={false}
For iOS, two properties need to disable suggestion bar:
autoCorrect={false} and spellCheck={false}.

If ReactNative exposes the autocorrectionType property on UITextField, you could set it to UITextAutocorrectionTypeNo.

I think that for iOS you looked for spellCheck={false}
Docs

This is an option that is enabled or disabled by the user, it would not be wise to place content here if it is critical for it to be shown (unless you are happy for the user to potentially need to scroll) for that reason.
There are some useful utilities available through react native that allow you to control the keyboard in other ways though, such as...
https://facebook.github.io/react-native/docs/keyboard.html
https://facebook.github.io/react-native/docs/keyboardavoidingview.html
there are also various other npm packages that are worth taking a look at too.

Related

Is it possible to remove iOS Quicktype Keyboard but keep auto correction?

I know it is possible to remove the QuickType keyboard of a UITextView or UITextField, by using .autoCorrectionType = .No , but this also disables auto-correct and autocompletion while the user is typing.
Is there a possible work around to this?
I'm trying to make a very clean note making app and have an accessory to the keyboard, that looks ugly with the quicktype bit.
I don't think what you are asking. Is possible but even if it were - is that a good idea?
You may not like how it looks but allot of people really like that feature and might not like it if you remove it.
Users who don't like that can turn it off in the phone's settings so if your user does have it - there is a good reason to keep it there

Integrate ios keyboard extension with native keyboard

I am creating a keyboard extension for ios
I just want an scroll strip at the upper part of the keyboard which would be some say some emojis.
But i want the native keyboard functioning as usual , jut a view on top of keboardview.
Do i need to implement the whole native keyboard ?
What the easy way to achieve this.
Please guide
Thank you
You can use inputAccessoryView
Please refer
What you want simply can't be done in the current version of iOS (9.2). If you want to add functionality to the keyboard on a systemwide basis, you have to implement it all yourself, including the keyboard.

iOS 8 - UIKeyboard hide auto-correct ribbon

I'm looking to programmatically minimize the auto-correct ribbon found in iOS 8. Minimize meaning achieving the same effect as tapping and sliding the auto-correct ribbon down to hide/minimize it. I know how to remove it completely with _myTextView.autocorrectionType = UITextAutocorrectionTypeNo; - but this does not give the option to pull it back up if the user still wants it.
I haven't been able to find much about it. When I search for ...
hide autocorrect ribbon ios 8 sdk
Not much is returned of value. I've tried variations of that search but to no avail. Does anyone know if it's possible to do this?
Thanks in advance.
Currently i said no. Apple likes to give those kind of setting to the user only; not for developers. If you really need it off, you would have to design/create a Custom Keyboard.

Suggestions bar with AccessoryView for Keyboard extension on iOS

Keyboard height, that available in Keyboard extension is to small for inserting suggestions bar there. I found that several users on AppDevForum offered to use AccessoryView. But for using it we need access to TextField, with seems as impossible, eventually now. So does someone know how to get that access or how to solve this problem?
I think it's Apple's intention to not allow 3rd party keyboard to render beyond the default area, any hack way of doing it may cause rejections during app review... But try UITextDocumentProxy see if you can access text view from it?

IOS prev/next button close keyboard unexpectedly

I'm currently using PhoneGap (Cordova) to build an App on iPad/iPhone.
One of my page in the app (in html/css/js), have more than 100 input type Number.
When i use finger to target each of them, it's working like a charm.
But when i use the prev/next button from IOS Keyboard, sometime, i don't know why, keyboard slide to down and when i try to open it again with targeting a input with my finger keyboard just blink... Impossible to fixe it without a scroll to release all event.
I've clean my code, refactored some part, look on google and stackoverflow if someone had the same problem but i found nothing...
Did someone know if it's a UIWebView problem ? Or phoneGap? or something else?
Thank's for reading.
If you are happy to just remove the next/previous buttons from your app entirely, the new Phonegap/Cordova 2.6.0rc1 has made this incredibly simple.
In your config.xml file, just set the HideKeyboardFormAccessoryBar preference to true.
In order for those two buttons to work you need to specify their behavior and it seems that it is not specified. Made some research and I think you have two options. Either you get rid of the next/previous buttons at all like explained here or you override textFieldShouldReturn: in a way similar to what is described in this post.

Resources