kylefang/react-native-card-stack-swiper
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-card-stack-swiper.git synced 2026-01-12 22:50:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #34 from DaniAkash/master

Browse Source 
Add event handlers for swipeStart and swipeEnd events
This commit is contained in:
lhandel
2018-10-24 08:42:39 +02:00
committed by GitHub
parent e1b114701a 3ef0e679bb
commit 7716c7ba8e
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
CardStack.js
View File

@@ -61,6 +61,7 @@ export default class CardStack extends Component {
return Math.sqrt(Math.pow(gestureState.dx, 2) + Math.pow(gestureState.dy, 2)) > 10
}, //(parseInt(gestureState.dx) !== 0 && parseInt(gestureState.dy) !== 0),
onPanResponderGrant: (evt, gestureState) => {
this.props.onSwipeStart();
this.setState({ touchStart: new Date().getTime() });
},
onPanResponderMove: (evt, gestureState) => {
@@ -72,7 +73,7 @@ export default class CardStack extends Component {
},
onPanResponderTerminationRequest: (evt, gestureState) => true,
onPanResponderRelease: (evt, gestureState) => {
this.props.onSwipeEnd();
const currentTime = new Date().getTime();
const swipeDuration = currentTime-this.state.touchStart;
const { sindex } = this.state;
@@ -441,6 +442,8 @@ CardStack.propTypes = {
secondCardZoom: PropTypes.number,
loop: PropTypes.bool,
renderNoMoreCards: PropTypes.func,
onSwipeStart: PropTypes.func,
onSwipeEnd: PropTypes.func,
onSwiped: PropTypes.func,
onSwipedLeft: PropTypes.func,
onSwipedRight:PropTypes.func,
@@ -469,6 +472,8 @@ CardStack.defaultProps = {
secondCardZoom: 0.95,
loop: false,
renderNoMoreCards: () => { return (<Text>No More Cards</Text>)},
onSwipeStart: () => null,
onSwipeEnd: () => null,
onSwiped: () => {},
onSwipedLeft: () => {},
onSwipedRight: () => {},

2
README.md
View File

@@ -50,6 +50,8 @@ import CardStack, { Card } from 'react-native-card-stack-swiper';
## CardStack events
| Props | type | description |
| ----------------- | ------------- | --------------------------- |
| onSwipeStart | func | function to be called when a card swipe starts |
| onSwipeEnd | func | function to be called when a card swipe ends (card is released) |
| onSwiped | func | function to be called when a card is swiped. it receives the swiped card index |
| onSwipedLeft | func | function to be called when a card is swiped left. it receives the swiped card index |
| onSwipedRight | func | function to be called when a card is swiped right. it receives the swiped card index |