swift - 如何在 SwiftUI 中的 TabView 的 tabItem 上显示徽章编号？

Question

我正在使用 SwiftUI 进行一个辅助项目，并且我有一个场景，我需要在 tabItems 之一上显示一个徽章编号我的TabView .

我用我的模型和绑定(bind)等设置了所有东西。但是我一直在寻找 2 天现在找到一个 modifier展示徽章，但不幸的是，我所有的研究都面临了死胡同。

我浏览了 TabView 的 Apple SwiftUI API 文档并在这里搜索堆栈溢出，当然还有大量谷歌搜索结果的链接。

我正在观察一个包含项目列表的环境对象，并且我知道如何将徽章与我的项目计数绑定(bind)，因此当我有任何项目更新(添加、删除)时，徽章将被更新。但我找不到在 tabItem 上显示徽章编号的方法。 .

非常感谢任何帮助!

Answer 1

iOS 15
我们现在可以使用原生的 badge 列表行和选项卡栏中可用的修饰符:

TabView {
    Text("Tab One")
        .tabItem {
            Text("Home")
            Image(systemName: "house")
        }
        .badge(3)
}