SwipeActions
React Native component for firing actions based on swipe gestures:
Install
npm install swipe-actions --save
Use
Wrap main component in <SwipeActions />
, pass two components and two callbacks as the upper and lower actions:
const mainComponent = (<View> <Text> Child Component </Text> </View>); // components shown on swipe const node = pos => ( <View> <Text> {`${pos} Action`} </Text> </View>); // callbacks fired on release const action = pos => () => Alert.alert(`${pos} Action Fired!`); <SwipeActions upperAction={action('Upper')} lowerAction={action('Lower')} upperNode={node('Upper')} lowerNode={node('Lower')}> {mainComponent} </SwipeActions>
Please ★ on GitHub!