1.2.3 • Published 10 months ago

react-native-virtual-keyboard v1.2.3

Weekly downloads
79
License
ISC
Repository
github
Last release
10 months ago

NPM version

Software/virtual numeric keyboard, which can be used instead of Android/iOS ones if it suits your app style better.

screenshot_1

Installation

$ npm i react-native-virtual-keyboard --save

Basic Usage

import VirtualKeyboard from 'react-native-virtual-keyboard';

class Example extends React.Component {

	constructor(props) {
		super(props);
		this.state = {
			text: '',
		};
	}

	render() {
		return (
			<View style={{flex:1}}>
				<Text>{this.state.text}</Text>
				<VirtualKeyboard color='white' pressMode='string' onPress={(val) => this.changeText(val)} />
			</View>
		);
	}

	changeText(newText) {
		this.setState({text: newText});
	}

}

Props

KeyTypeDefaultDescription
pressModestring'string'Value to pass to onPress. 'char' = each individual pressed symbol, 'string' = form and pass whole string
colorstring'gray'color of text and backspace tinting (if enabled)
onPressfunction*requiredThe handler when a key is pressed. If pressMode === 'char', 'back' is passed for backspace
clearOnLongPressboolfalseIs text will be cleared on backspace long press, or in pressMode === 'char', 'clear' is passed for long press
backspaceImgnumber'backspace.png'Image to use for backspace. Default one is used if nothing is provided. To use image from version 1.0.7 and below, use require('./node_modules/react-native-virtual-keyboard/src/backspace_old.png')
applyBackspaceTintbooltruetint backspace with tintColor style option, or leave it as it is
decimalboolfalsedisplay decimal on keyboard
decimalSymbolstring'.'symbol to use for decimal
rowStylestyle-override style for rows
cellStylestyle-override style for cells
textStylestyle-override style for text
1.2.3

10 months ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

3 years ago

1.1.0

5 years ago

1.0.9

5 years ago

1.0.8

6 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago