UNPKG

react-native-swipeable-up-down

Version:
52 lines (36 loc) 1.35 kB
# 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](https://github.com/wix/react-native-interactable). To use them, please follow installation instructions for that package.** ## Usage ```javascript 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](./LICENSE)