I had a similar issue where sometimes the action sheet would show from a button in a scroll view but after the button is scrolled or reloaded, the action sheet would stop showing.
After searching the web and coming here, I realized that there is something really buggy with actionSheet and its attachment to the binding. So just for debugging I added a .onChange(of:) after the actionSheet call to log the state of the bool binding. After adding that then magically the action sheet was showing consistently.
So maybe you can try your code again with something like this:
struct ContentView: View {
@State private var showNewControlActionSheet = false
var body: some View {
NavigationView {
Text("test")
.navigationBarTitle("Test")
.navigationBarItems(trailing: HStack() {
Button(action: {
self.showNewControlActionSheet = true
}) {
HStack {
Image(systemName: "plus")
.padding(10)
.clipShape(Circle())
}
}
.actionSheet(isPresented: $showNewControlActionSheet) {
ActionSheet(title: Text("Change background"), message: Text("Select a new color"), buttons: [
.default(Text("Red")) { },
.default(Text("Green")) { },
.default(Text("Blue")) { },
.cancel()
])
}
// 👇 HERE IS THE TRICK I USED TO GET IT TO WORK
.onChange(of: showNewControlActionSheet) { newValue in
print("Action sheet show flag is: \(newValue)")
}
})
}.navigationViewStyle(StackNavigationViewStyle())
}
}
I really hope this helps anyone. Hopefully Apple can fix this weird bug
Topic:
UI Frameworks
SubTopic:
SwiftUI
Tags: