Badge 徽标
/BAJ/ · noun · 反馈类模式 · #066
钉在图标上的小数字或小红点，轻声说「里面有东西在等你」。哪天它常亮不灭，就再也没人理它了。
你可能会这样叫它
- “小红点”
- “App 图标上的数字”
- “未读消息数”
- “红色数字角标”
- “消息提醒红点”
……它的名字是 徽标（Badge）。
代码里叫什么
| SwiftUI | .badge() |
|---|---|
| UIKit | UITabBarItem.badgeValue |
| Jetpack Compose | BadgedBox Badge |
| Android (Views) | BadgeDrawable |
| Flutter | Badge |
| Web (HTML) | 没有原生元素，通常是定位的小 <span>，并把数字写进无障碍名称 |
复制给 AI 编程工具
给这个图标加一个徽标（Badge）：在右上角放一个小红圆，显示未读数，超过 99 显示“99+”；如果只需要提示“有新内容”就只用一个小红点。数量为 0 时隐藏，不要遮住图标的形状，并把数量写进图标的无障碍名称（例如“消息，3 条未读”），不要只靠颜色传达。