如何在不使用任何库的情况下刷全屏/卡以反应原生地获取下一个/上一个屏幕/卡?

时间:2017-04-20 10:54:49

标签: javascript reactjs react-native

请注意,我遇到了类似这样的问题,并且没有符合我的标准,大多数答案要求您使用图书馆。

我想在React Native中为实际目的构建一个屏幕/卡片的动画:Inshorts

我正在为不想安装该应用的用户添加动画视频:

https://www.youtube.com/watch?v=-lvrU34Jt50

因此,如果您安装了此应用,您可以观察到可以刷卡以阅读下一条新闻或向下滑动以阅读以前的新闻

在中途刷卡时,您可以略微看到正在刷卡的卡片正下方卡片的内容。当你向下滑动时也是如此。

我知道这是平移,但我真正感到困惑的是如何才能在React Native中实现这一目标?

我应该使用Navigator进行操作,还是不需要使用Navigator?

或者我应该使用绝对位置堆叠卡片?

我不是在代码之后。我需要知道的是应该采用的方法 实现它?

翻转卡片并获得另一张卡片应该不是问题。但是,当用户刚刚开始向上平移当前卡时,我如何能够瞥见堆叠中的下一张卡。

请注意:我不想使用React Native库执行此操作。

1 个答案:

答案 0 :(得分:0)

  1. 您可以在没有Navigator的情况下通过自己实施平移处理来执行此操作。但是,您还需要实现堆栈的推送和弹出视图。

  2. 通过使用React Native附带的Navigator,您可以获得大部分此功能。 我建议您考虑创建一个自定义Navigator Scene Config和一个自定义手势,用于从导航器堆栈中推出和弹出视图。以下是另一位用户如何使整个视图可拖动的示例:https://stackoverflow.com/a/40471281/1883144