uni.setTabBarBadge在iOS上数字偏移、安卓不显示，根本原因是各平台原生tabbar控件对badge渲染规则不同：iOS用UITabBarItem私有定位，安卓部分ROM（如老版EMUI）仅支持红点不支持数字；必须传字符串如text:'1'，数字类型静默失败；iOS超两位易变形建议>99显示'99+'；安卓需确保页面挂载完成再调用，部分机型需防抖和真机测试。
uni.setTabBarBadge 为什么在 iOS 上数字偏移、安卓上不显示？
根本原因不是你代码写错了，而是 uni.setTabBarBadge 调用后，实际渲染由各平台原生控件接管——iOS 的 UITabBarItem 和安卓各厂商的 TabBar 实现，对 badge 的定位、字体大小、圆角、z-index 都有私有规则。微信小程序里看着正常，是因为它完全自绘；而 uni-app 的原生 tabbar 是“借”系统组件画的，你传了 text: '99'，iOS 可能把它当字符串居中塞进固定尺寸圆框，安卓某些 ROM（比如老版华为 EMUI）压根不支持文字 badge，只认红点。
- 必须传字符串：哪怕数字是
1，也得写text: '1'，传数字会静默失败 - iOS 上数字超过两位容易挤压变形，建议 >99 时统一显示
'99+' - 安卓真机首次调用前，务必确保页面已挂载完成——
onShow里直接调可能无效，加一层setTimeout(() => { uni.setTabBarBadge(...) }, 100)更稳 - 部分安卓机型（如 OPPO ColorOS 12）需用户手动开启「桌面角标」权限，但 tabbar 角标不受此限，别混淆
红点和数字角标混用时，hide 和 remove 容易互相覆盖
很多开发者以为 uni.hideTabBarRedDot({ index: 2 }) 和 uni.removeTabBarBadge({ index: 2 }) 是互斥操作，其实不是：红点（red dot）和数字角标（badge）是两个独立状态。你先设了 badge，再 hide 红点，没影响；但如果你先 show 红点，又 setBadge，某些安卓机型会优先显示 badge、自动隐藏红点；反过来，removeBadge 后红点不会自动出现，得手动 uni.showTabBarRedDot。
- 业务逻辑要明确区分场景：未读数为 0 → 用
removeTabBarBadge；未读数存在但不想显示数字（比如只强调“有新东西”）→ 先removeTabBarBadge，再showTabBarRedDot - 不要在同一个 index 上连续快速调用 show/hide/set/remove，中间至少间隔 50ms，否则 iOS 会出现闪烁或残留
- 测试时务必在真机上验证：开发者工具模拟的红点位置和动效，跟 iOS 17.5 / Android 14 实际表现差异极大
角标数字怎么和消息列表实时同步？别在页面里硬算
常见错误是：在消息列表页 onShow 里查本地缓存，算出未读数，再调 setTabBarBadge。这会导致三个问题——页面还没切到 tabbar 就执行了，tabbar 还没 ready；多端登录时本地缓存不同步；后台新消息到达时，页面没刷新，角标就滞销了。
- 角标更新应统一收口到全局状态管理处（如 Pinia store），任何地方修改未读数（包括推送回调、WebSocket 收到消息、用户点击已读），都触发一次
updateTabbarBadge方法 - 该方法内部要做防抖：
clearTimeout(timer); timer = setTimeout(() => { uni.setTabBarBadge(...) }, 30)，避免高频变更打爆 UI 线程 - 如果使用极光推送，优先让 JPush 后台托管 badge 值（通过
setBadge:），客户端只负责同步显示，减少竞态
uni-app 打包成 App 后，桌面图标角标和 tabbar 角标是两回事
新手最容易搞混：你在代码里调 uni.setTabBarBadge，改的是底部导航栏图标上的小红点；而桌面应用图标右上角那个数字，是另一个系统级能力，叫 plus.runtime.setBadgeNumber，且仅 iOS 原生支持，安卓必须靠厂商 SDK（小米、华为、vivo 各自一套）。
- tabbar 角标：所有平台都支持，用
uni.setTabBarBadge系列 API，专注「当前 App 内导航提示」 - 桌面图标角标：iOS 可用
plus.runtime.setBadgeNumber；安卓必须集成对应厂商推送 SDK 并申请权限，uni-app 官方 H5+ API 在安卓上基本形同虚设 - 别指望一个接口打遍天下——桌面角标用于唤醒沉睡用户，tabbar 角标用于引导当前会话，两者目标不同、技术路径不同、测试策略也不同
这事难不在写代码，难在你得同时盯住三块屏幕：微信开发者工具的模拟器、iOS 真机的 tabbar 动效、还有华为手机桌面图标有没有反应。少看一块，上线后用户就看不到那个红点。
