🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

React Native component for firing actions based on swipe gestures.

Others React Native

Documentation

SwipeActions

React Native component for firing actions based on swipe gestures:

ScreenShot

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!


You May Also Like