Detects swipe gesture only on the card makes it usable in apps that support swipe to n

Capture swipe gesture only on the card instead of the container? about react-native-deck-swiper HOT 1 CLOSED

alexbrillant commented on May 17, 2024

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

from react-native-deck-swiper.

Comments (1)

alexbrillant commented on May 17, 2024

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>
    )
}

from react-native-deck-swiper.

Recommend Projects