← 返回 iOS 词条

面包屑导航

iOS需自己实现

iOS 原生没有这个

苹果移动平台没有面包屑或文件路径控件,层级导航通常由返回按钮、标题和导航栈表达。

通常怎么做:使用 NavigationStack;在 iPadOS 文件类界面中只在确有复杂层级时自定义路径。

适用范围:iOS / iPadOS

社区一般叫它 Breadcrumb · Path Control

它按层级列出当前位置到起点的路径,让用户知道自己在哪并能返回上层。

  • 页面上面显示我一层层从哪来的那串字
  • 首页后面跟着分类再跟当前页的路径
  • 能点回上一级目录的那排小字
  • 路径导航
  • 层级路径
  • 位置路径

其他平台的相似实现

Web需自己实现
该平台没有原生实现

网页没有会自动生成路径的原生面包屑控件,需要根据信息层级渲染链接并补充导航语义。

看 Web 视角 →
Android需自己实现
该平台没有原生实现

Material 3 没有面包屑组件,移动端层级通常依靠顶部返回导航;大屏网页式布局才会自定义路径。

看 Android 视角 →

使用规范

什么时候用

  • 网站或文件结构层级较深,用户需要跳回任意上层位置

什么时候别用

  • 线性任务流程、移动端浅层导航或路径会长到无法阅读

iOS 出处

查看 Web / iOS / Android 完整对照 →