Capture swipe gesture only on the card instead of the container?

[lsps9150414]

Detects swipe gesture only on the card makes it usable in apps that support swipe to nav to left/right tabs.

[alexbrillant]

The swipe gesture is only captured with the cards. However, you made me realize that I shouldn't render the cards AnimatedView when all the cards have been swiped. I was setting the content to null....
I will close the issue when v1.1.2 is pushed.
Thanks for pointing that out!

Old code :

renderFirstCard = () => {
    const { firstCardIndex } = this.state
    const { cards } = this.props
    const swipableCardStyle = this.calculateSwipableCardStyle()
    const firstCardContent = cards[firstCardIndex]
    let firstCard = this.props.renderCard(firstCardContent)
    const notInfinite = !this.props.infinite
    if (notInfinite && this.state.swipedAllCards) {
      firstCard = null
    }
    return (
      <Animated.View
        style={swipableCardStyle}
        {...this._panResponder.panHandlers}>
        {firstCard}
      </Animated.View>
    )
}

New code :

renderFirstCard = () => {
    const { firstCardIndex } = this.state
    const { cards } = this.props
    const swipableCardStyle = this.calculateSwipableCardStyle()
    const firstCardContent = cards[firstCardIndex]
    let firstCard = this.props.renderCard(firstCardContent)
    const notInfinite = !this.props.infinite
    if (notInfinite && this.state.swipedAllCards) {
      return null
    }
    return (
      <Animated.View
        style={swipableCardStyle}
        {...this._panResponder.panHandlers}>
        {firstCard}
      </Animated.View>
    )
}