react-native-keyboard-view

KeyboardView Library for react-native

Supports:

only supports: react-native >= 0.42.0

platform:

ios √
android √

Installation

• Install from npm

npm i react-native-keyboard-view --save

• Link native library

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>
        );
    }
}