npm

npm’s 2019 JavaScript ecosystem survey analysis is now available!Get your copy here »

@junctiontv/react-native-on-screen-keyboard

1.0.4 • Public • Published

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.

Installation

npm i @junctiontv/react-native-on-screen-keyboard

Usage

import Keyboard from "@junctiontv/react-native-on-screen-keyboard";
...
 
<Keyboard
  title={title}
  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}
/>
Prop Type Optional Description
title String ✔️ sets the title of the keyboard
textInput React Ref the reference of the TextInput which is to be attached
onInput Function callback to set the value of the text from the keyboard
inputType String sets the input type of the keyboard. Currently only textEmailAddress and textPassword are supported
keyboardContainerStyle Object ✔️ style to set the style for the keyboard container
keyboardTitleStyle Object ✔️ style to set the style for the keyboard title
keyboardButtonContainerStyle Object ✔️ style to set the style for the keyboard buttons container
keyboardButtonTextStyle Object ✔️ style to set the style for the keyboard buttons text in unpressed state
keyboardButtonTextPressStyle Object ✔️ style to set the style for the keyboard buttons text in pressed state
keyboardButtonStyle Object ✔️ style to set the style for the keyboard buttons in unpressed state
keyboardButtonPressStyle Object ✔️ style to set the style for the keyboard buttons in pressed state

Contributing

All contributions including new features, requests, bug fixes are open to everyone. Feel free to open a PR!

License

React Native On-screen Keyboard is MIT licensed.

install

npm i @junctiontv/react-native-on-screen-keyboard

Downloadsweekly downloads

0

version

1.0.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
Report a vulnerability