Toolbar buttons become unusable after closing the sheet.

Question

capibara1969 OP

Created May ’21

Replies 3

Boosts 0

Participants 3

When I run the following code, once I open and close the sheet, the toolbar buttons become unusable. When there is only one button, there is no problem, but when there are two buttons, this phenomenon occurs. Is there a workaround?

The environment is Xcode: 12.5, iOS: 14.5.

import SwiftUI

struct ContentView: View {
  @State private var showingSheet = false
   
  var body: some View {
    NavigationView {
      Text("1st View")
        .toolbar {
          ToolbarItem(placement: .navigationBarTrailing) {
            HStack {
              Button("Button1") {
                showingSheet = true
              }
              Button("Button2") {
                showingSheet = true
              }
            }
          }
        }
        .sheet(isPresented: $showingSheet) {
          Sheet()
        }
    }
  }
}

struct Sheet: View {
  @Environment(\.presentationMode) var presentationMode
  var body: some View {
    Button("close sheet") {
      presentationMode.wrappedValue.dismiss()
    }
  }
}

Answered by OOPer in 676616022

Can you try something like this?

struct ContentView: View {
    @State private var showingSheet = false
    
    var body: some View {
        NavigationView {
            Text("1st View")
                .toolbar {
                    ToolbarItemGroup(placement: .navigationBarTrailing) {
                        Button("Button1") {
                            showingSheet = true
                        }
                        Button("Button2") {
                            showingSheet = true
                        }
                    }
                }
                .sheet(isPresented: $showingSheet) {
                    Sheet()
                }
        }
    }
}

Or this:

struct ContentView2: View {
    @State private var showingSheet = false
    
    var body: some View {
        NavigationView {
            Text("1st View")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("Button1") {
                            showingSheet = true
                        }
                    }
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("Button2") {
                            showingSheet = true
                        }
                    }
                }
                .sheet(isPresented: $showingSheet) {
                    Sheet()
                }
        }
    }
}

Boost

Answer 1

OOPer OP

May ’21

Accepted Answer

Can you try something like this?

struct ContentView: View {
    @State private var showingSheet = false
    
    var body: some View {
        NavigationView {
            Text("1st View")
                .toolbar {
                    ToolbarItemGroup(placement: .navigationBarTrailing) {
                        Button("Button1") {
                            showingSheet = true
                        }
                        Button("Button2") {
                            showingSheet = true
                        }
                    }
                }
                .sheet(isPresented: $showingSheet) {
                    Sheet()
                }
        }
    }
}

Or this:

struct ContentView2: View {
    @State private var showingSheet = false
    
    var body: some View {
        NavigationView {
            Text("1st View")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("Button1") {
                            showingSheet = true
                        }
                    }
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("Button2") {
                            showingSheet = true
                        }
                    }
                }
                .sheet(isPresented: $showingSheet) {
                    Sheet()
                }
        }
    }
}

0

Answer 2

workingdogintokyo OP

May ’21

your code as it is works well for me on macos 11.4, xcode 12.5, target ios 14.5 and macCatalyst 11.3.

0

Answer 3

capibara1969 OP

May ’21

Thank you for the information. I tried it on a real machine and it works as you said. It seems to be a problem with the simulator.

0