gpt4 book ai didi

android - Ionic 3 - 如何实现 viewpager?

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:02:49 26 4
gpt4 key购买 nike

我目前正在使用 Ionic 3 开发一个应用程序,主屏幕包含 3 个选项卡 (ion-tabs) 我创建了一个根据用户滑动更改选项卡的功能,但是我的客户要求一个等于 WhatsApp 的过渡,我不知道要实现这个。我考虑过使用 ion-slides 但我必须将代码从 3 个选项卡迁移到单个 View ,有没有一种方法可以在不更改组件的情况下附加动画?

<ion-tabs #Tabs no-border tabsPlacement="top" tabsHighlight='true' color="secondary" >
<ion-tab [root]="disponiveisRoot" tabTitle="Disponiveis" ></ion-tab>
<ion-tab [root]="meusPedidosRoot" tabTitle="Meus pedidos" ></ion-tab>
<ion-tab [root]="finalizadosRoot" tabTitle="Finalizados" ></ion-tab>
</ion-tabs>

enter image description here

最佳答案

您可以使用 ionic2-super-tabs .这个库可以轻松制作可滑动的选项卡。您必须检查 github 页面的兼容性以及您应该使用哪个版本。

有了这个库,一个基本的例子如下。它与 Ionic 本身的选项卡几乎相同。

Basic example

Component:

export class MyPage {

page1: any = Page1Page;
page2: any = Page2Page;
page3: any = Page3Page;

}

HTML:

<super-tabs>
<super-tab [root]="page1" title="First page"></super-tab>
<super-tab [root]="page2" title="Second page"></super-tab>
<super-tab [root]="page3" title="Third page"></super-tab>
</super-tabs>

关于android - Ionic 3 - 如何实现 viewpager?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50586419/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com