react-native-swiper-animated
Advanced tools
Comparing version
{ | ||
"name": "react-native-swiper-animated", | ||
"version": "0.1.1", | ||
"version": "0.1.2", | ||
"description": "Tinder-like swiper for react-native", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -262,11 +262,4 @@ import React, { Component, PropTypes } from 'react'; | ||
} | ||
// Checks to see if last card. | ||
// If props.loop=true, will start again from the first card. | ||
if (currentIndex[this.guid] > this.state.cards.length - 1 && this.props.loop) { | ||
currentIndex[this.guid] = 0; | ||
} | ||
} | ||
_goToPrevCard() { | ||
@@ -354,9 +347,11 @@ this.state.pan.setValue({ x: 0, y: 0 }); | ||
for (let i = 0; i < total; i += 1) { | ||
dots.push(<View | ||
key={uuid()} | ||
style={[styles.dot, { | ||
backgroundColor: paginationDotColor || '#C5C5C5', | ||
}, | ||
index >= i ? { backgroundColor: paginationActiveDotColor || '#4D4D4E' } : null]} | ||
/>); | ||
dots.push( | ||
<View | ||
key={uuid()} | ||
style={[styles.dot, { | ||
backgroundColor: paginationDotColor || '#C5C5C5', | ||
}, | ||
index >= i ? { backgroundColor: paginationActiveDotColor || '#4D4D4E' } : null]} | ||
/> | ||
); | ||
} | ||
@@ -474,3 +469,3 @@ | ||
const rotate = pan.x.interpolate({ inputRange: [-200, 0, 200], outputRange: ['-30deg', '0deg', '30deg'] }); | ||
const opacity = pan.x.interpolate({ inputRange: [-200, 0, 200], outputRange: [0.5, 1, 0.5] }); | ||
const opacity = pan.x.interpolate({ inputRange: [-200, 0, 200], outputRange: [0.1, 1, 0.1] }); | ||
@@ -493,3 +488,3 @@ const scale = enter; | ||
style={[styles.card, animatedCardStyles]} | ||
{... this._panResponder.panHandlers} | ||
{...this._panResponder.panHandlers} | ||
> | ||
@@ -496,0 +491,0 @@ {this.props.renderCard ? this.props.renderCard(this.state.card) : this.state.card} |
72270
-0.28%506
-0.59%