ionic-framework - 在页面之间滑动

Question

我查看了过去的帖子，但找不到对我的问题有多大帮助。有什么方法可以在 Ionic Framework 中实现一项功能，以允许在应用程序的页面之间滑动？例如，您将应用程序打开到主页，然后用手指从右向左在屏幕上滑动会带您进入新页面。

下图展示了我想要的样子

感谢任何帮助，谢谢。

Answer 1

不直接支持单独的页面滑动。但是，您可以使用 Ionic slides .

对于幻灯片，您需要将所有内容都放在一个页面中(即单个 .TS 和 .html 文件)，并根据您所在的幻灯片编号显示不同的内容。这意味着您实际上显示了三个页面，每张幻灯片一个，但是您将它们全部编码在一个 Ionic 页面上(单个 .TS 和 .html 文件)。

您将需要一个状态变量 curPage 来存储随着用户滑动而改变的当前幻灯片编号。使用 *ngIf='curPage=1'，您可以显示虚拟页面 1 的内容。

您可以使用 Ionic tabs ，它支持单独的页面，但它们是选项卡且不可滑动。