如何使用react-swipe-card在React中构建可堆叠的卡片？

Question

我希望建立一个具有可堆叠卡的UI，类似于：

​

​

其中有动态数量的卡片是当前活动的卡片，并且当顶部卡片消失时，将显示下面的卡片。与Tinder的可滑动体验非常相似。

我需要在我的React web-app (非原生的)中构建这个UI组件。我发现这个库看起来很受欢迎：

https://github.com/oliviertassinari/react-swipeable-views

但是，该库似乎不支持堆叠视图，并以偏移显示所有视图，如下所示。

有没有人知道是否有可能用react-swipeable-views来实现我正在寻找的东西，或者是否有一个更好的库来完成UIC，如图所示？

Answer 1

您可以使用react-spring库来实现这一点。Here就是实现这种行为的一个例子。

我希望它能帮助你！