React Native Swipeable Up Down

Installation

yarn add react-native-swipeable-up-down

Note: Progress indicators has been broken out to a separate component; react-native-interactable. To use them, please follow installation instructions for that package.

Usage

import SwipeableUpDown from 'react-native-swipeable-up-down';

<SwipeableUpDown
	isList
	childrenRef={this.refs.flatListRef}
	ref='swipeableBoxRef'
>
	<FlatList
		ref='flatListRef'
		data={[{key: 'a'}, {key: 'b'}]}
		renderItem={({item}) => <Text>{item.key}</Text>}
	/>
</SwipeableBox>

Properties

Prop	Description	Default
snapPoints	Related RN Interactable .	true
boundaries	Related RN Interactable.	true
initialPosition	Related RN Interactable.	true
isList	To handle scrollview in List, so if you're using List (FlatList, ScrollView,...) should set value is true.	false
childrenRef	If you're using list in SwipeableBox, you need pass your Reference of List.	None
onStateChange	It's call when box show or hide.	true

Methods

this.refs.swipeableBoxRef.show()

this.refs.swipeableBoxRef.hide()

this.refs.swipeableBoxRef.isVisble()

License

This module is MIT licensed