如何在 nativescript 中进行水平轮播布局？

Posted 2023-04-14

【中文标题】如何在 nativescript 中进行水平轮播布局？

【英文标题】：how to do a horizontal carousel layout in nativescript?

【发布时间】：2020-10-12 03:59:55

【问题描述】：

如上图所示，我想要一个可以包含 A、B、C 3 个部分的布局。但是只有 B 部分可见，A 和 C 应该隐藏，但是当用户在 B 部分上滑动时，他们可以看到 A 或 C 部分的内容。我知道 ScrollView 可以做到这一点，但我不希望它是可滚动给用户。我想以编程方式控制用户在其上滑动时的行为。类似于旋转木马。我已经尝试过像 GridLayout、FlexboxLayout 这样的普通布局......它们都将包含页面中的元素，它们只是没有让它们溢出。所以有人知道如何解决这个问题，请告诉我，谢谢。

【问题讨论】：

您可以为此目的使用radlistview。它提供滑动事件。借助它，您可以只显示您想要的布局。

创建一个游乐场样本并在此处展示一些工作。以便人们查看并解决问题。你的问题没有分量

【参考方案1】：

我建议使用 nativescript-carousel (https://market.nativescript.org/plugins/nativescript-carousel) 来实现这一点。我认为这几乎就是您所追求的 - 只需隐藏指标（点）。该页面上有关于如何使用 vanilla javascript、angular 或 vue 的演示。

ios 使用 DKCarouselView，android 使用 ViewPager。

您还可以轻松地连接到滑动水龙头并更改事件，这一切都在演示使用说明中。

【讨论】：

谢谢，它现在可以解决我的问题，但我仍然很好奇如何在没有这些插件的情况下进行水平溢出布局。