Nativescript 竖屏滑动 / ViewPager

Nativescript Vertical Screen Slide / ViewPager

Android Viewpager 所示,在 垂直方向 中,在 Nativescript 中实现屏幕滑动的最简单方法是什么?此功能的另一个示例是 rss reader feedly,您可以在其中通过滑动 up/down.

来更改 rss 提要

页面应允许垂直滚动到 top/bottom,然后在某个阈值后过渡。

我已经遇到了nativescript-slides,只能水平滑动。

那么有 "nativescript" 方法还是我必须将其实现为本机 android/ios 功能(例如 by this)?在任何一种情况下,关于如何将它集成到 nativescript 中的示例都会很棒。

更新

记录了一个例子:

取自 this Repo with Android native code. The outstanding PR 进行了更改以在列表中提供垂直滚动。但是回购协议似乎已经过时并且有点错误。

我稍后可以提供更多信息,但是有一个新插件实现了 android 和 iOS 的原生控件,slides/carousel 她的 https://github.com/alexrainman/nativescript-carousel-view 和他的垂直滑动雷达,我认为他甚至可能接近完成。

给对上面的嵌套滚动动画感兴趣的人一个答案:

对于 Android 我必须在 Nativescript 中实现原生 ReyclerView 以支持 NS 构建 ListView。它是一种优化的视图结构,除其他外允许嵌套(垂直)滚动,并且可以用作普通列表的替代品。

https://github.com/alexrainman/nativescript-carousel-view一起工作就像一个魅力!

来到这里的任何人仍在寻找实现此目标的方法。

我花了很多时间试图找出一种方法来实现这一点,并试图为此找到现成的插件。还尝试使用 Alexrainman 的插件,但最终放弃了,因为该插件不是当前 nativescript 版本的最新版本。

我的解决方法: 我使用 radListView 作为此实现的基础,并利用了 radListView 上的方法和事件。

通过使用滚动事件,我收集了使用滚动功能的数据:滚动速度和滚动方向。 (这些也可能取自事件数据,但由于我没有从 Nativescript 文档中找到事件详细信息,所以我放弃了尝试猜测在事件模型上的何处可以找到此数据)。

然后我也保存了我列表中一项的固定高度(高度我固定为screenHeight-200)。

根据所有这些信息,我成功地挂钩了事件 "ScrollDragEnded" 并添加了使我的列表表现得像垂直滑块的逻辑。通过方法 "scrollToIndex" 在列表上移动,并利用上述所有数据确定滚动哪个索引以及何时滚动。

这就是我成功制作出相当不错的垂直幻灯片的方法。

祝你好运!