English | 中文

Deck Swiper helps you evaluate one option at a time, instead of selecting from a set of options.

npm install @rn-components-kit/deck-swiper --save

Preview	Code
	Demo1 Code

• style
• data
• cardWidth
• cardHeight
• renderCard
• renderBottom
• onSwipeLeft
• onSwipeRight
• onBeginDragging
• onEndDragging

• prev
• next

Allow you to customizr style

Data source of cards

Width of card (it is important to help calculate animation)

Height of card (it is important to help calculate animation)

(params: {item: T, index: number}) => React.ReactElement | null

Takes an item from data and renders it into the swiper

() => React.ReactElement | null

When all cards are swiped, it will be called and returns bottom layer component

(from: number, to: number) => void

A callback will be triggered when card is swiped left

(from: number, to: number) => void

A callback will be triggered when card is swiped right

() => void

A callback will be triggered when you begin to drag DeckSwiper

() => void

A callback will be triggered when dragging operation ends

prev()

Swipes to previous card

next()

Swipes to next card