Rerendering card resets Swiper to first card

how can i rerender a card, but not reset the Swiper to the first card ?

consider the following within the render function:

const cardData = this.state.cardData
const myCards = map(cardData, (card, cardIndex) => {
  return (
    <CardComponent
      key={cardIndex}
      prop={card.prop}
      onEvent={this.onEvent}
    />
  )
})

return (
  <Swiper
    ref={swiper => this.swiper = swiper}
    cards={myCards}
    cardVerticalMargin={0}
    cardHorizontalMargin={0}
    infinite={true}
    renderCard={card => card}
    backgroundColor={'transparent'}
    verticalSwipe={false}
    onSwiped={() => false}
    onSwipedAll={() => false}
    onSwipedLeft={() => false}
    onSwipedRight={() => false}
  ></Swiper>
)

[yonahforst]

@bispul I fixed my issue by adding cardIndex to the state and then incrementing it in the onSwiped callback

[webraptor]

Ah, ok … The bug is re-rendering and swiping will keep the second card to the second one in the original card deck, rather than the one you’ve swiped to so far … We’ve experienced this issue for about a month now, just created the PR with the fix. https://github.com/alexbrillant/react-native-deck-swiper/pull/76/files