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 #11 from yonahforst/yonahforst-patch-2

Browse Source 
remove duplicate callbacks. call with actual index.
This commit is contained in:
lhandel
2018-04-04 13:26:32 +02:00
committed by GitHub
parent 448763939e c15f2b8941
commit 7a8a23c0a0
1 changed files with 22 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
CardStack.js
View File

@@ -77,12 +77,10 @@ export default class CardStack extends Component {
const swipeDirection = (gestureState.dy < 0) ? height * -1 : height;
if(swipeDirection < 0 && !disableTopSwipe)
{
this.props.onSwipedTop(sindex);
this._nextCard('top', gestureState.dx, swipeDirection, 200);
}
else if (!disableBottomSwipe)
{
this.props.onSwipedBottom(sindex);
this._nextCard('bottom', gestureState.dx, swipeDirection, 200);
}
else
@@ -101,7 +99,6 @@ export default class CardStack extends Component {
}
else if(!disableRightSwipe)
{
this.props.onSwipedRight(sindex);
this._nextCard('right', swipeDirection, gestureState.dy, 200);
}
else
@@ -266,29 +263,8 @@ export default class CardStack extends Component {
_nextCard(direction, x, y, duration=400){
const { verticalSwipe, horizontalSwipe } = this.props;
const { sindex, cards, topCard } = this.state;
if((sindex-2) < cards.length){
switch (direction) {
case 'left':
this.props.onSwipedLeft();
this.state.cards[sindex-2].props.onSwipedLeft();
break;
case 'right':
this.props.onSwipedRight();
this.state.cards[sindex-2].props.onSwipedRight();
break;
case 'top':
this.props.onSwipedTop();
this.state.cards[sindex-2].props.onSwipedTop();
break;
case 'bottom':
this.props.onSwipedBottom();
this.state.cards[sindex-2].props.onSwipedBottom();
break;
default:
}
const index = sindex-2
if((index) < cards.length){
Animated.spring(
this.state.dragDistance,
{
@@ -327,6 +303,26 @@ export default class CardStack extends Component {
topCard: newTopCard,
sindex: (this.props.loop && (sindex+1 >= cards.length)) ? 0 : sindex+1
});
switch (direction) {
case 'left':
this.props.onSwipedLeft(index);
this.state.cards[index].props.onSwipedLeft();
break;
case 'right':
this.props.onSwipedRight(index);
this.state.cards[index].props.onSwipedRight();
break;
case 'top':
this.props.onSwipedTop(index);
this.state.cards[index].props.onSwipedTop();
break;
case 'bottom':
this.props.onSwipedBottom(index);
this.state.cards[index].props.onSwipedBottom();
break;
default:
}
});
}