SwiftUI modal presentation works only once from navigationBarItems

by

Well, the issue is in bad layout (seems broken constrains) of navigation bar button after sheet has closed

It is clearly visible in view hierarchy debug:

demo

Here is a fix (workaround of course, but safe, because even after issue be fixed it will continue working). The idea is not to fight with broken layout but just create another button, so layout engine itself remove old-bad button and add new one refreshing layout. The instrument for this is pretty known – use .id()

demo2

So modified code:

struct ContentView: View {

    @State var showSheetView = false
    @State private var navigationButtonID = UUID()
    
    var body: some View {
        NavigationView {
            Group {
                Text("Master")
                Button(action: { self.showSheetView.toggle() }) {
                    Text("Button 1")
                }
            }
            .navigationBarTitle("Main")
            .navigationBarItems(trailing: Button(action: {
                self.showSheetView.toggle()
            }) {
                Text("Button 2").bold() // recommend .padding(.vertical) here
            }
            .id(self.navigationButtonID)) // force new instance creation
        }
        .sheet(isPresented: $showSheetView) {
            DetailView(isPresented: self.$showSheetView)
                .onDisappear {
                    // update button id after sheet got closed
                    self.navigationButtonID = UUID()
                }
        }
    }
}

More Related Contents:

  1. How to scroll List programmatically in SwiftUI?
  2. Move TextField up when the keyboard has appeared in SwiftUI
  3. How to hide keyboard when using SwiftUI?
  4. SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
  5. SwiftUI – How to pass EnvironmentObject into View Model?
  6. SwiftUI NavigationView navigationBarTitle LayoutConstraints issue
  7. Add bottom border line to UI TextField view in SwiftUI / Swift / Objective-C / Xamarin
  8. SwiftUI MVVM Coordinator/Router/NavigationLink
  9. SwiftUI @Binding Initialize
  10. How can I run an action when a state changes?
  11. SwiftUI: What is @AppStorage property wrapper
  12. SwiftUI DatePicker Binding optional Date, valid nil
  13. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  14. SwiftUI Landmarks App Tutorial Screen Navigates Back When Toggle Favorite
  15. iOS SwiftUI: pop or dismiss view programmatically
  16. How can I implement PageView in SwiftUI?
  17. SwiftUI: Set Status Bar Color For a Specific View
  18. Trouble running async functions in background threads (concurrency)
  19. Detect app launch from WidgetKit widget extension
  20. SwiftUI: NavigationDestinationLink deprecated
  21. Transition animation not working properly in SwiftUI
  22. NavigationView and NavigationLink on button click in SwiftUI?
  23. In SwiftUI, how to use UIHostingController inside an UIView or as an UIView?
  24. How to open the ImagePicker in SwiftUI?
  25. SwiftUI: Translucent background for fullScreenCover
  26. How to only disable scroll in ScrollView but not content view?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI View – viewDidLoad()?
  29. SwiftUI: Make ScrollView scrollable only if it exceeds the height of the screen
  30. SwiftUI tappable subtext

Leave a Comment