在SwiftUI中将“ badgeValue”添加到标签项

Question

我想知道是否可以在swiftui的标签栏项中添加“ badgeValue”。

我尝试仅在所需标签栏项内的hstack内的标签图像旁边添加圆形形状，但无济于事。

TabView{
                   SomeView()
                       .tabItem{

                           VStack{

                             HStack{
                               Image(systemName: "camera.viewfinder")
                               Image(systemName: "circle") //neither image appears
                              }


                               Text( "View one")
                           }

                   }
                   .tag(0)
}

I want to end up with something like this :

Answer 1

引用TabView：

  

选项卡视图仅支持文本，图像或图像后跟文本的选项卡项。传递任何其他类型的视图都会导致可见但空的选项卡项。

如果您仍然想执行此操作，我会尝试将其渲染到其他位置或使用预生成的项目，例如11个 prerendered 项（1到10以及10+的图像）并显示这些作为允许的图片的内容。

另一种选择是将其动态呈现到UIImage中，并放入UIImage并将其放入图像插槽。为此，您可能可以使用here中的徽章创建代码。

另一种选择是根据未读项目的数量显示数字图像，并希望用户能理解什么。