On Screen Keyboard for React Native
npm install @junctiontv/react-native-on-screen-keyboard
A React Native component onscreen keyboard for React Native that displays an onscreen keyboard and puts the input into a TextInput component.

``npm i @junctiontv/react-native-on-screen-keyboard`
`javascript
import Keyboard from "@junctiontv/react-native-on-screen-keyboard";
...
textInput={textInputRef}
onInput={this.handleInput}
inputType={inputType}
keyboardContainerStyle={styles.keyboardContainer}
keyboardTitleStyle={styles.keyboardTitle}
keyboardButtonContainerStyle={styles.keyboardButtonContainer}
keyboardButtonTextStyle={styles.keyboardButtonText}
keyboardButtonTextPressStyle={styles.keyboardButtonTextPress}
keyboardButtonStyle={styles.keyboardButton}
keyboardButtonPressStyle={styles.keyboardButtonPress}
keyboardButtonWidthMultiplier={{ "2": 2.05, "3": 3.1, "4": 4.15 }}
/>
`
Prop | Type | Optional | Description
------------ | ------------- | ---- | ----
title | _String_ | :heavy_check_mark: | sets the title of the keyboard
textInput | _React Ref_ | :x: | the reference of the TextInput which is to be attachedonInput | _Function_ | :x: | callback to set the value of the text from the keyboardinputType | _String_ | :x: | sets the input type of the keyboard. Currently only textEmailAddress, textPassword and textSearch are supportedkeyboardContainerStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard containerkeyboardTitleStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard titlekeyboardButtonContainerStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard buttons containerkeyboardButtonTextStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard buttons text in unpressed statekeyboardButtonTextPressStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard buttons text in pressed statekeyboardButtonStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard buttons in unpressed statekeyboardButtonPressStyle | _Object_ | :heavy_check_mark: | style to set the style for the keyboard buttons in pressed statekeyboardButtonWidthMultiplier` | _Object_ | :heavy_check_mark: | sets the amount of multiplier of the keys with the longer widths
React Native On-screen Keyboard is MIT licensed.