React Native Scroll Up Container Component

A React Native swipe container component with scroll up animation.

How to use it:

1. Install and import the React Native Scroll Up Container Component.

# Dependencies
$ npm i react-native-gesture-handler react-native-reanimated

# NPM
$ npm i react-native-scroll-up-container
import React from 'react'
import { View } from 'react-native'
import SwipeContainer from 'react-native-scroll-up-container'

2. Basic usage.

function App() {
  return <SwipeContainer 
    useLine
    containerStyle={{
      flex:1
    }}
    translateY={300}
    overValue={50}
    topComponent={
      <View style={{
        flex:1,
        backgroundColor:'blue'
      }}>
      </View>
    }
    limitTopValue={50}
    limitBottomValue={250}
  >
    <View style={{
      height:800,
      width:'100%',
      backgroundColor:'red
    }}>
    </View>
  </SwipeContainer>
}

3. Available props.

useLine = true,
containerStyle,
translateY = 300,
overValue = 50, 
topComponent,
topComponentStyle,
children,
bottomComponentStyle,
limitTopValue = 50,
limitBottomValue = 250,

Preview:

React Native Scroll Up Container Component

Download Details:

Author: jfalih

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/jfalih/react-native-scroll-up-container

License: MIT

You Might Be Interested In:

Add Comment