使用 ion-tabs 实现常规选项卡答案

【问题标题】：Implement regular tab with ion-tabs使用 ion-tabs 实现常规选项卡
【发布时间】：2018-08-26 21:55:15
【问题描述】：

是否可以使用 ion-tabs 实现常规选项卡？

我的意思是在桌面应用程序中：

Stuff above the tabs

Tabs 1 | Tab 2 | (white space covering the rest of the row) Contents

Stuff below the tabs

【问题讨论】：

有任何参考设计可以理解您的问题吗？
@CodeChanger，感谢您的提问。我无法展示设计，但我们需要实现选项卡。然而，离子使得它不可能（或者我认为）实现经典选项卡的设计。这意味着选项卡按钮不会像移动或平板电脑应用程序那样卡在顶部或底部。希望这可以清除它。
好的，据我了解，您需要将标签放在顶部位置，而不是按照 ionic m i 中的默认底部位置吗？
@CodeChange，抱歉，没有。我需要这样的东西：jqueryui.com/tabs页面中间的经典标签。
好的，默认情况下选项卡会在整个屏幕上展开，但您需要固定宽度的选项卡，它不会在整个屏幕上展开，对吗？

【解决方案1】：

是的，这绝对是可能的，但在 Ionic 中的命名略有不同。

您要查找的内容称为 segments（基本上是一个页面内的标签，而“离子标签”是单独的页面）。根据文档：

Segment 是一组按钮，有时也称为 Segmented 控件，允许用户与一组紧凑的控件的数量。段提供类似于选项卡的功能，选择一个将取消选择所有其他。你应该使用标签栏当您想让用户向后移动时，而不是分段控件在应用的不同页面之间来回切换。

【讨论】：