Skip to content
React Native keyboard sticky view with animation
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore gitignore added Jun 11, 2018
LICENSE Initial commit Jun 11, 2018
README.md Update README.md Jun 12, 2018
index.js
package.json initial keyboard sticky view Jun 11, 2018

README.md

React-Native-Keyboard-Sticky-View

React Native keyboard sticky view with animation

Demo

import React from 'react';
import { TouchableOpacity, StyleSheet, View, TextInput, Text } from 'react-native';
import KeyboardStickyView from 'react-native-keyboard-sticky-view';

export default class KeyboardStickyViewExample extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.textinputWrapper}>
          <TextInput />
        </View>
        <KeyboardStickyView
          onKeyboardShow={f => f}
          onKeyboardHide={f => f}
        >
          { (state, props) => (
            <TouchableOpacity style={styles.btn}>
              <Text>Click</Text>
            </TouchableOpacity>
          )}
        </KeyboardStickyView>
      </View>
    )
  }
}
You can’t perform that action at this time.