# react-native-keyboard-view

**Repository Path**: yaojinye/react-native-keyboard-view

## Basic Information

- **Project Name**: react-native-keyboard-view
- **Description**: KeyboardView for react-native
- **Primary Language**: Objective-C
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-17
- **Last Updated**: 2021-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-native-keyboard-view
KeyboardView Library for react-native

## Supports:

only supports: react-native >= 0.42.0

platform:

ios √  
android √   

![Example](https://github.com/shimohq/react-native-keyboard-view/raw/master/preview.gif)

### Installation

* Install from npm

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

* Link native library

```bash
react-native link react-native-keyboard-view
```


### Usage


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

```