在Swift中的特定TABVIEW项目上带有工具栏按钮的NAV栏

Question

我有一个TabView，其中包含三个视图（三角形，正方形和圆圈），嵌套在导航视图和链接中。 TabView工作正常。我想只为特定的tabview提供工具栏按钮；说圈子。工具栏修饰符在所有TabViews上添加了按钮。

struct ContentView: View {
  var body: some View {
    NavigationView {
      NavigationLink() {
        TabView {
          Text("triangle")
            .tabItem {
              Label("triangle", systemImage: "triangle")
            }
          
          Text("square")
            .tabItem {
              Label("square", systemImage: "square")
            }
          
          Text("circle")
            .tabItem {
              Label("circle", systemImage: "circle")
            }
        }
        .navigationTitle("Tabs")
        .toolbar {
          ToolbarItemGroup(placement: .navigationBarTrailing) {
            Button("About") {
              print("About tapped!")
            }
  
            Button("Help") {
              print("Help tapped!")
            }
          }
        }
      } label: {
        Text("Hello!")
      }
      .navigationTitle("Title")
    }
  }
}

如何设置此设置以仅在一个TabView上显示工具栏按钮？

我想一个次要选项（少优选）可能是禁用不需要的tabviews上的按钮（如果可能的话）。

Answer 1

可以使用TabView的选择状态完成，并根据该状态对特定工具栏按钮进行可见性。

这是一个演示。用Xcode 13.4/ios 15.5

struct ContentView: View {
    @State private var selection = 0   // << here !!
    var body: some View {
        NavigationView {
            NavigationLink() {
                TabView(selection: $selection) {     // << here !!
                    Text("triangle")
                        .tabItem {
                            Label("triangle", systemImage: "triangle")
                        }.tag(0)
                    
                    Text("square")
                        .tabItem {
                            Label("square", systemImage: "square")
                        }.tag(1)
                    
                    Text("circle")
                        .tabItem {
                            Label("circle", systemImage: "circle")
                        }.tag(2)
                }
                .navigationTitle("Tabs")
                .toolbar {
                    ToolbarItemGroup(placement: .navigationBarTrailing) {
                        if selection == 2 {                            // << here !!
                            Button("About") {
                                print("About tapped!")
                            }
                            
                            Button("Help") {
                                print("Help tapped!")
                            }
                        }
                    }
                }
            } label: {
                Text("Hello!")
            }
            .navigationTitle("Title")
        }
    }
}

github中的测试代码