Merges #161 fixing multiple listeners being added.

This release fixes the following issues

• Buttons inside the card not pressable on native
• Window undefined in Next JS
• Programmatic swipe up and down wrong direction
• Fix spring NaN value

v1.6.2 merges #124 which removes the dependency react-panresponder-web and thereby fixes issues mentioned in #122 and 3DJakob/react-tinder-card-demo#43

1.6.0 is a new major release and completely migrates the web version of the module to use react-spring like the native code. This increases performance reduces jittering and reduces lag on the web. It also makes the code easier to maintain as the code bases are now much more alike.

Should fix all the issues described in: #107 #92 #37 #86 #75 #79 #55 #14 #38 #114 #113 #48 #77

Removed unnecessary dependency to react-dom

Now supports React 18.

This release adds:

swipeRequirementType

What method to evaluate what direction to throw the card on release. 'velocity' will evaluate direction based on the direction of the swiping movement. 'position' will evaluate direction based on the position the card has on the screen like in the app tinder. If set to position it is recommended to manually set swipeThreshold based on the screen size as not all devices will accommodate the default distance of 300px and the default native swipeThreshold is 1px which most likely is undesirably low.

swipeThreshold

The threshold of which to accept swipes. If swipeRequirementType is set to velocity it is the velocity threshold and if set to position it is the position threshold. On native the default value is 1 as the physics works differently there. If swipeRequirementType is set to position it is recommended to set this based on the screen width so cards can be swiped on all screen sizes.

onSwipeRequirementFulfilled

Callback that will be executed when a TinderCard has fulfilled the requirement necessary to be swiped in a direction on release. This in combination with onSwipeRequirementUnfulfilled is useful for displaying user feedback on the card. When using this it is recommended to use swipeRequirementType='position' as this will fire a lot otherwise. It will be called with a single string denoting which direction the user is swiping: 'left', 'right', 'up' or 'down'.

onSwipeRequirementUnfulfilled

Callback that will be executed when a TinderCard has unfulfilled the requirement necessary to be swiped in a direction on release.

Module now indicate compatibility with React 17