Modal view presented in navigation button issue

Question

struct SheetView: View {
    @Binding var showSheetView: Bool
    @Environment(\.presentationMode) var mode

    var body: some View {
        NavigationView {
            Text("Sheet View content")
                .navigationBarTitle(Text("Sheet View"), displayMode: .inline)
                .navigationBarItems(trailing: Button(action: {
                    print("Dismissing sheet view...")
//                    self.mode.wrappedValue.dismiss()
//                    self.showSheetView.toggle()
                    self.showSheetView = false
                }) {
                    Text("Done").bold()
                })
        }
    }
}

struct ContentView2: View {
    @State var showSheetView = false

    var body: some View {
        NavigationView {
            Text("first")
        }.navigationBarTitle("asdf").navigationBarItems(trailing: Button(action: {
            self.showSheetView.toggle()
        }) {
            Text("Show Sheet View")
        }.sheet(isPresented: $showSheetView) {
            SheetView(showSheetView: self.$showSheetView)
        })
    }
}


struct ContentView: View {
    @State var showSheetView = false

    var body: some View {
        NavigationView {
            NavigationLink(destination: ContentView2()) {
                Text("ds")
            }
        }
    }
}

SheetView is presented successfully in ContentView2. And then i click Done button to dismiss and try to show it again. It will always fail. But when i place the launch button not in the navigation bar, the issue not exists.

Asperi · Accepted Answer · 2020-08-21 06:50:39Z

1

It is known defect, but not with binding - with layout of navigation bar items...

Here is workaround

.navigationBarTitle("asdf").navigationBarItems(trailing: Button(action: {
    self.showSheetView.toggle()
}) {
    Text("Show Sheet View").padding()   // << add padding !!

You can find more details and alternate solution in SwiftUI modal presentation works only once from navigationBarItems

answered Aug 21, 2020 at 6:50

Asperi

262k28 gold badges594 silver badges886 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Frank Cheng Over a year ago

It works. Using view debugger to address the issue is very smart.

Collectives™ on Stack Overflow

Modal view presented in navigation button issue

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related