React Native Keyboard Spacer

Plug and play react-native keyboard spacer view.
Alternatives To React Native Keyboard Spacer
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Native Keyboard Spacer1,48336522a year ago12October 08, 201733mitJavaScript
Plug and play react-native keyboard spacer view.
Play Button Itunes Patch667
5 years ago7otherObjective-C
Play Button iTunes Patch
6 months ago5mitC
Play and Enjoy the History of Microsoft Flight Simulator
4 months ago50otherC++
A MIDI file player/game that displays the musical notes and teaches you how to play the piano.
7 days ago13gpl-2.0C++
Linthesia is a game. A game of playing music
Aiexperiments Sound Maker176
6 years agoapache-2.0JavaScript
Make unusual new sounds with machine learning.
Ps4 Keyboard And Mouse Adapter134
a month ago34gpl-3.0C
Allows you to play any game on your PlayStation 4 with a keyboard and mouse, no controller required, and it's free
Scale Workshop111
a year ago30JavaScript
Design microtonal scales and play them in your web browser. Export your scales for use with VST instruments. Convert Scala files to various tuning formats.
3 years ago3Objective-C
Keyboard+Mouse to Dualshock 4 emulation for PS4 Remote Play (OS X)
4 years ago1mitJavaScript
:musical_keyboard: Music Session with Google Magenta
Alternatives To React Native Keyboard Spacer
Select To Compare

Alternative Project Comparisons



Plug and play iOS react-native keyboard spacer view.


Quick Start

Install View: npm install --save react-native-keyboard-spacer

Example Usage

The view will automatically perform a layout animation when the keyboard appears or disappears.

import KeyboardSpacer from 'react-native-keyboard-spacer';
import React, { Component } from 'react';
import {
} from 'react-native';

class DemoApp extends Component {
  render() {
    return (
      <View style={[{flex: 1}]}>
        {/* Some random image to show scaling */}
        <Image source={{uri: '', static: true}}
                 style={{flex: 1}}/>

        {/* The text input to put on top of the keyboard */}
        <TextInput style={{left: 0, right: 0, height: 45}}
              placeholder={'Enter your text!'}/>

        {/* The view that will animate to match the keyboards height */}

AppRegistry.registerComponent('DemoApp', () => DemoApp);

Properties - Basic

Prop Default Type Description
topSpacing 0 number Add or subtract additional spacing from keyboard height
animationConfig A default animation LayoutAnimationConfig LayoutAnimation configuration object

Properties - Methods

Prop Params Type Description
onToggle toggleState function onToggle method is called when when keyboard toggles. Two parameters passed through, keyboardState (boolean, true if keyboard shown) and keyboardSpace (height occupied by keyboard)
Popular Keyboard Projects
Popular Play Framework Projects
Popular Hardware Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.