react-native-display-keyboard
An on-screen keyboard that helps users to insert input characters directly from the display instead from keyboard.
| iOS | Android |
|---|---|
 |
 |
Fully customizable on-screen keyboard that lets the keyboard to adapt design as per the app's theme.
Installation
$ npm install react-native-display-keyboard
Basic Usage
import DisplayKeyboard from 'react-native-display-keyboard-feature-display_keyboard_setup';
<DisplayKeyboard
charCellHeight={100}
charFontSize={30}
charCellBackgroundColor={'#8dfcb6'}
charCellTextColor={'#40634d'}
borderColor={'white'}
optnlChar={{key: '\u2022', value: '.'}}
getInput={this.getInputChar}
getPressedChar={this.getPressedChar}
/>
Features:
- Customizable keyboard background color
- Customizable keyboard character text - font/color
- Customizable cell border color
- Optional character to display as per the requirement
- Callback to get whole user input
- Callback to get current pressed char
Task list:
- Number Keypad
- Alphabet Keyboard
Contributions
All contributions including new features, requests, bug fixes are open for everyone. Delighted, if someone contributes PR.