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

Question

我正在寻找一个使用可堆叠卡的UI，例如：

当有动态数量的卡作为当前处于活动状态的卡时，随着顶部卡的消失，将显示以下卡。与Tinder可滑动的体验非常相似。

我需要在我的React Web应用程序（不是本机）中构建此UI组件。我发现这个看起来很受欢迎的图书馆：

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

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

有人知道是否可以用react-swipeable-views完成我要找的东西，或者是否有更好的库来完成UIC，如图所示？

Answer 1

您可以使用react-spring库来实现此目的。 Here是实现该行为的一个示例。

希望对您有帮助！