底部导航 · Bottom Navigation
英文：Bottom Navigation
导航与切换难度：入门 ★
🗣️一句话大白话
在手机屏幕底部长期显示三到五个最重要的入口。在手机屏幕底部长期显示三到五个最重要的入口，适合需要频繁切换核心区域的移动产品。
🖼️样图参考
🎬真实场景
移动 Web App、Dashboard、内容工具、创作工具
📮你可以这样说
「为 Punk 的移动端创作工具添加 Bottom Navigation， 固定在屏幕底部，包含 Home、Projects、Create、Notes 和 Profile， 当前项使用绿色填充图标，并考虑 iPhone safe-area-inset-bottom； 桌面端不显示该组件。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：底部导航可以放很多项。实际只放 3-5 个最重要的，且要考虑 iPhone 安全区域
🚫什么时候别用
- ✗桌面端（不显示该组件）
🧩常见变体
3 项核心5 项含中间突起的创建按钮
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系