React Native Spacer

A view wrapper that will float above the keyboard when it displayed

Technically, it uses Animated.View and will animate a translateY value to avoid the keyboard. KeyboardAvodingView is highly recommended. But in some rare case when KeyboardAvodingView not working, try this Spacer.

Demo

See demo on Expo Snack

I. Installation

``ssh
npm install --save react-native-spacer
`

II. How to use

Class Spacer is a wrapper using Animated.View. For usage, see official documentation Animated and View

__1. Import library__

`javascript
import Spacer from 'react-native-spacer';
`

__2. Wrap component into Spacer__

`javascript


{/ Components that need to float when keyboard showing /}

`

III. Properties

| Property Name | Type | Default Value | Definition |
| ------------- | -------- | ------------- |----------- |
| spaceMargin | number | 0 | Component's margin above the keyboard when it displayed |
| enabled | bool | true | Set to false to disable Spacer
| backgroundColor | string | #fffffff7 | Spacer component background color
| animationDuration | number | 300 | Duration of the view animation

Feel free to have any question, file an issue, or contributing to the module.

IV. Todo

- Create tests

V. Changes

- v1.7: Fix measureInWindow` not found for latest RN version (thanks @kristerkari)