• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

android - Ionic 3 - 如何实现viewpager?

[复制链接]
菜鸟教程小白 发表于 2022-12-11 20:12:30 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我目前正在使用 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



Best Answer-推荐答案


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

使用该库,一个基本示例如下所示。它与 Ionic it self 中的标签几乎相同。

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/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap