内容标签页导航

它在同一个区域里切换几组同级内容,切换后页面的主要位置保持不变。

  • 上面一排点哪个就换下面内容的字
  • 几个标题横着排切换同一块内容
  • 不离开页面就换内容的那排标签
  • 页签
  • 标签切换
  • 选项卡

示例

WebTabs需自己实现
iOSTabs需自己实现
AndroidTabs原生支持

Web / iOS / Android 对照

iOS需自己实现

iOS / iPadOS 的页面内内容切换

Tabs

也叫 Tab View

iOS 没有通用的页面内标签条;TabView 通常呈现底部标签栏,少量页面内切换更常用分段控制器。

通常怎么做:少量互斥内容使用 segmented Picker;不要把底部一级导航和页面内标签混为一谈。

使用规范

什么时候用

  • 几组内容同级且紧密相关,用户需要频繁来回比较

什么时候别用

  • 切换的是全站一级目的地,或标签多到无法在一行识别

给 AI 的提示词

这条词条还没有经过验证的实现提示词。