Skip to content

Releases: 3DJakob/react-tinder-card

Fixes multiple on swipe calls

07 Nov 08:01
Compare
Choose a tag to compare

Merges #161 fixing multiple listeners being added.

Bugfixes

22 Sep 07:26
Compare
Choose a tag to compare

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

1.6.2 remove react-panresponder-web

07 Nov 22:50
e8f0db1
Compare
Choose a tag to compare

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

Web spring

15 Oct 16:02
Compare
Choose a tag to compare

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

Updated readme

06 Sep 20:40
Compare
Choose a tag to compare

Removed unnecessary dependency

06 Sep 20:14
Compare
Choose a tag to compare

Removed unnecessary dependency to react-dom

Upgraded to react-spring 9

06 Sep 20:14
Compare
Choose a tag to compare

1.5.0

26 Aug 10:12
Compare
Choose a tag to compare

Now supports React 18.

1.4.5

27 Oct 20:43
Compare
Choose a tag to compare

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.

1.4.4

22 Oct 10:47
Compare
Choose a tag to compare

Module now indicate compatibility with React 17