离子 2/3- 标签定位答案

【问题标题】：ionic 2/3- tabs positioning离子 2/3- 标签定位
【发布时间】：2018-02-12 21:55:42
【问题描述】：

我正在使用 Ionic 2 开发 Ionic 应用程序。我在几页中实现了选项卡。但是在一个页面中，标签需要放在底部，而在另一页上，它需要放在顶部。这两个页面中的选项卡不同。

例如，在页面 A 上，标签需要放在底部，而在页面 B 上，它需要放在顶部

在app.module.ts中，我给出了以下代码

IonicModule.forRoot(MyApp, {
  tabsPlacement: 'top',
  platforms: {
    android: {
      tabsPlacement: 'top'
    },
    ios: {
      tabsPlacement: 'top'
    },
    windows:
    {
      tabsPlacement: 'top'
    }
  }
}),

上面的代码，将两个页面上的选项卡放在顶部。

我的问题是，有没有办法可以指定特定于页面的标签位置？

谢谢！

【问题讨论】：

你有两个标签组件还是你想用一个标签页来实现这一点
我有两个不同的标签。 @Mahesh Jadhav
好的，所以你需要不同的职位权利

标签： ionic2 ionic3 ionic-tabs

【解决方案1】：

如果要在两个不同的页面上使用两个不同的选项卡，您可以简单地使用组件上的 tabsPlacement 属性将选项卡定位在页面的顶部或底部。从您的配置中删除选项卡放置并在单个选项卡 html 上添加 tabsPlacement 属性

<ion-tabs tabsPlacement="top"> // specify bottom to position at the bottom
  ...
<ion-tabs>

【讨论】：