https://github.com/melihberberolu/React-Native-Keyboard-Sticky-View

React Native keyboard sticky view with animation
https://github.com/melihberberolu/React-Native-Keyboard-Sticky-View

Last synced: 8 days ago
JSON representation

React Native keyboard sticky view with animation

• Host: GitHub
• URL: https://github.com/melihberberolu/React-Native-Keyboard-Sticky-View
• Owner: melihberberolu
• License: mit
• Created: 2018-06-11T22:44:01.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-10-01T06:33:55.000Z (about 5 years ago)
• Last Synced: 2024-08-15T00:20:10.597Z (4 months ago)
• Language: JavaScript
• Size: 9.77 KB
• Stars: 23
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-keyboard-sticky-view ★7 - Keyboar Sticky View with animation and renderProps (Components / Navigation)
• awesome-react-native - react-native-keyboard-sticky-view ★7 - Keyboar Sticky View with animation and renderProps (Components / Navigation)
• awesome-react-native - react-native-keyboard-sticky-view ★7 - Keyboar Sticky View with animation and renderProps (Components / Navigation)
• awesome-react-native - react-native-keyboard-sticky-view ★7 - Keyboar Sticky View with animation and renderProps (Components / Navigation)

README

        
# React-Native-Keyboard-Sticky-View

React Native keyboard sticky view with animation

![Demo](https://user-images.githubusercontent.com/3721734/41261527-bc714c26-6de4-11e8-9b3b-3e55fa512596.gif)

```javascript

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 (

      

        

          

        

         f}

          onKeyboardHide={f => f}

        >

          { (state, props) => (

            

              Click

            

          )}

        

      

    )

  }

}

```