标签项与徽章
添加图标、标题和通知徽章。
标签项与徽章 是 CoddyKit 上的免费 SwiftUI Academy 课时。 这是第 2 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 SwiftUI Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 SwiftUI Academy 课程共包含 4 节课。
本课时的部分内容尚未翻译，以英文显示。
Polishing Each Tab
Now you will make each tab clearer with the right icon, a short title, and a notification badge when needed. 🎨
Icons with SF Symbols
Pass an SF Symbol name to Label so each tab gets a crisp, scalable icon that matches the system style.
Label("Profile", systemImage: "person.crop.circle")Keep Titles Short
Tab titles sit in a tight space, so keep them to one clear word like Home, Search, or Profile.
Selected vs Unselected
iOS automatically highlights the active tab. Many symbols even swap to a filled variant when selected, with no code from you.
Choosing Good Symbols
Pick symbols whose meaning is obvious. A house for home and a gear for settings need no explanation.
What a Badge Shows
A badge is the small red bubble on a tab that signals unread items, like new messages waiting for you. 🔴
Adding a Number Badge
The badge modifier puts a count on a tab. Pass a number and the bubble appears automatically.
InboxScreen()
.tabItem { Label("Inbox", systemImage: "tray") }
.badge(3)Text Badges
You can also pass a string to badge, useful for short markers like "New" instead of a count.
.badge("New")Hiding a Badge
Set the badge to zero or an empty value and SwiftUI hides the bubble, so it appears only when it matters.
.badge(unreadCount)Driving Badges from State
Bind the badge to a state value so the count updates live as new items arrive or get read.
Badges Demand Attention
Use badges sparingly. A bubble pulls the eye, so reserve it for things the user truly needs to notice. 👀
Quick Check
Let us check how to show an unread count on a tab.
Recap: Tab Items & Badges
Clear icons and short titles make tabs scannable, and the badge modifier surfaces counts or markers right when users need them. 🎉
常见问题解答
「标签项与徽章」课时是免费的吗？
是的 — 「标签项与徽章」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 SwiftUI Academy 课程的其余内容，请升级到 CoddyKit PRO。 SwiftUI Academy 课程共包含 4 节课。
「标签项与徽章」这节课中我会学到什么？
添加图标、标题和通知徽章。 你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 SwiftUI Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 SwiftUI Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 2 节课，共 4 节。
「标签项与徽章」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 SwiftUI Academy 课中编写并运行代码吗？
能。每节 SwiftUI Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。