How to hide grey bar visible on iOS for custom keyboard - react-native

I have made a custom keyboard for my app that is set as visible on onFocus of TextInput. But the problem is that on iPad a grey line appears when the input is focused.
Also I have set the Predictive to false in settings for keyboard too.
Here is the screenshot of my application.
https://github.com/iamrohitagg/react-native-keyboard-android-ios is the link to my custom keyboard implementation.

Related

How to hide grey background color on click (react-native-popup-menu)

I'm using React native popup menu and on click I have a grey background color that appears on the menu.
So i read the docs and it says to change customStyles in Menu Trigger but I tried many different things and it doesn't work.
I just want that when I press the menu I have no background color.

Software keyboard resizes background image on Android app in titanium appcelerator

Whenever the software keyboard appears, it resizes the background image.
See screen shot here in this question link.
Software keyboard resizes background image on Android
This question was for android and i want to implement in Titanium.
Please help.
You can just set the windowSoftInputMode property in your window.
Generally speaking, you can assign to this property any combination of two types of constants: visibility states (ALWAYS_HIDDEN, ALWAYS_VISIBLE, HIDDEN, UNSPECIFIED or VISIBLE) and adjustment options (PAN, RESIZE or UNSPECIFIED).
In your case you can combine SOFT_INPUT_STATE_VISIBLE and SOFT_INPUT_ADJUST_PAN.
Just make few changes in your .tss file:
"#yourWindowID": {
...
windowSoftInputMode: Titanium.UI.Android.SOFT_INPUT_STATE_VISIBLE | Titanium.UI.Android.SOFT_INPUT_ADJUST_PAN
...
}
You can find more information here.

Appbar focuses included searchbar on appearance

I'm developing a Windows Store App and have a AppBottom-Bar with an Searchbox and other controls.
When I run the app on a touch device and let the AppBar appear - the Seachbox automatically gets focused and the virtual keyboard appears. How do I prevent this behavior and only let the keyboard showing if the user clicks on the Searchbox?

How can we provide default Back key press behaviour to a custom button tap event in Windows Phone 8?

I'm developing an Windows Phone 8 application. In a page i have placed one Button and one textbox. When user Taps on textbox, the default keyboard comes up. Now, keyboard is on display mode and i clicked on button which navigates me to another screen. After navigation it is giving me half the screen size to be in black and that is actually keyboard. So can anyone tell me how to hide the keyboard first and then navigate to another screen?
Is it possible to assign override OnBackKeyPress method to the button control? If not, what is the other way to get out of this problem?
All you have to do is changing the focus from textbox to page. Just add this code to button's tap event:
this.Focus();

iOS 7 upgrade custom keyboard background issue

I am using a custom keyboard in my app. This was working really well, but on upgrading to iOS 7 there is a background displayed behind my custom keyboard in the shape of the default keyboard - none of the keyboard keys of the default keyboard are displayed, just a transparent pale box in the shape of the default keyboard. Has anyone else had the same issue or know of a way to resolve this?
The code i am using to hide the default keyboard is:
id keyboardImpl = [objc_getClass("UIKeyboardImpl") sharedInstance];
[keyboardImpl setAlpha:0.0f];
You shouldn't do that to hide a UIKeyboard because it relies on private classes what can change in any OS release without warning
Take a look at the inputView property on UITextField: https://developer.apple.com/library/ios/documentation/uikit/reference/UITextField_Class/Reference/UITextField.html#//apple_ref/occ/instp/UITextField/inputView