如何清除 SwiftUI 上 TabView 中的徽章

Question

使用.badge(content)修饰符显示徽章很容易，但是要删除它， .badge(nil)修饰符不起作用，尽管显然是文档中的一个选项。

TabView {
    VStack {
        Text("Tab 1")
    }
    .tabItem {
        Text("Tab 1")
    }
    .badge(1) // works as expected
    
    VStack {
        Text("Tab 2")
    }
    .tabItem {
        Text("Tab 2")
    }
    .badge(nil) // doesn't work

    VStack {
        Text("Tab 3")
    }
    .tabItem {
        Text("Tab 3")
    }
    .badge(elementsCount > 0 ? elementsCount : nil) // What I wan't to actually do, which of course also doesn't work
}

我没有得到什么？ 或者使用条件显示徽章的唯一选择是使用替代但相同的 tabitem 创建一个完全不同的视图路径，但没有徽章？

Answer 1

徽章不为零时显示。 因此，以下工作：

TabView {
    VStack {
        Text("Tab 1")
    }
    .tabItem {
        Text("Tab 1")
    }
    .badge(1) // works as expected
    
    VStack {
        Text("Tab 2")
    }
    .tabItem {
        Text("Tab 2")
    }
    .badge(0) // badge not shown

    VStack {
        Text("Tab 3")
    }
    .tabItem {
        Text("Tab 3")
    }
    .badge(elementsCount) // When zero, the badge is not shown
}