Skip to content
This repository was archived by the owner on Nov 23, 2020. It is now read-only.

Latest commit

 

History

History
75 lines (52 loc) · 1.3 KB

File metadata and controls

75 lines (52 loc) · 1.3 KB

react-native-keyboard-view

KeyboardView Library for react-native

Supports:

only supports: react-native >= 0.42.0

platform:

ios √
android √

Example

Installation

  • Install from npm
npm i react-native-keyboard-view --save
  • iOS (React Native > 0.60)
cd ios && pod install
  • Manual link steps (React Native < 0.60)
react-native link react-native-keyboard-view

Usage

import KeyboardView from 'react-native-keyboard-view';

class Example extends Component {
    
    close() {
        KeyboardView.dismiss();
    };
    
    _renderStickyView() {
        return (
            <View style={{height: 40}}><Text>BUTTON</Text></View>
        );
    };
    
    _renderCover() {
        return (
            <View style={{flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.25)'}} />
        );
    };
    
    render() {
        return (
            <KeyboardView
                onShow={() => console.log('onShow')}
                onHide={() => console.log('onHide')}
                renderStickyView={this._renderStickyView}
                renderCover={this._renderCover}
            >
                <View style={{flex: 1}} />
            </KeyboardView>
        );
    }
}