Is there a way to dismiss a modal view without animation in SwiftUI?

Question

Is there a way to dismiss a modal view without animation in SwiftUI?

I want to dismiss a modal without the dismiss animation because I want to navigate from the modal view to a new SwiftUI View using a view router. Everything is working, except for the transition animation from the modal view to the new full-screen view. I followed that tutorial to create a view router: Tutorial

I'm using that code snippet to present the modal view:

struct ContentView: View {

  @State private var showModal = false
  @Environment(\.presentationMode) var presentationMode


  var body: some View {
    Button(action: {
        self.showModal = true
    }) {
        Text("Show modal")
    }.sheet(isPresented: self.$showModal) {
        ModalView()
    }
  }
}


struct ModalView: View {

  @EnvironmentObject var viewRouter: ViewRouter

  var body: some View {
    Group {
      Text("Modal view")
      Button(action: {
         self.viewRouter.currentPage = "New View"
      }) {
        Text("Dismiss")
      }
    }
  }
}

Source: Answer by @M Reza Farahani

Here is a solution in Swift: Swift solution

Geart Otten · Answer 1 · 2020-06-08T22:45:00.823

0

Did not fully test this since I dont have the ViewRouter

You should move the

@Environment(\.presentationMode) var presentationMode

the ModalView and add

self.presentationMode.wrappedValue.dismiss()

to the button action in that ModalView

Edit:

After I added

.animation(.none)

To the ModalView it worked for me

Alright thats one ugly a** comment so putting it here:

    struct ModalView: View {

//  @EnvironmentObject var viewRouter: ViewRouter
    @Environment(\.presentationMode) var presentationMode

  var body: some View {
    Group {
      Text("Modal view")
      Button(action: {
//         self.viewRouter.currentPage = "New View"
        self.presentationMode.wrappedValue.dismiss()

      }) {
        Text("Dismiss")
      }
    }
    .animation(.none)
  }
}

edited Jun 08 '20 at 22:45

answered Jun 08 '20 at 20:59

Geart Otten

202
5
8

Thank you for your response. But then I still have that transition animation. That'll not fix my problem with the animation. – Jonas Deichelmann Jun 08 '20 at 21:01
When i add .animation(.none) to the ModalView it does not have an animation anymore. Hopefully that gives you the desired effect. – Geart Otten Jun 08 '20 at 21:04
@Great Otten Where do you add the ``` .animation(.none) ```modifier? I'm not exactly sure how to fix that issue. – Jonas Deichelmann Jun 08 '20 at 21:38
Ah my bad. Should have been more clear. Edited my comment above. – Geart Otten Jun 08 '20 at 22:52
Unfortunately, dismissing the modal is still animated – Jonas Deichelmann Jun 09 '20 at 09:57
1

Ah that is weird. I tested it on a simulator and I think it gives the result you want, but when i build it on my real device it does still animate. – Geart Otten Jun 09 '20 at 10:33
1

Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/215573/discussion-between-geart-otten-and-jonas-deichelmann). – Geart Otten Jun 09 '20 at 10:41
@GeartOtten I am also unable to dismiss without animation. Can you please guide? – Tul Aug 02 '20 at 06:10
@Tul I've tried with the solution above, but it only seems to work on simulators and not real devices. I am not sure how to fix it correctly. – Geart Otten Aug 03 '20 at 07:04

Is there a way to dismiss a modal view without animation in SwiftUI?

Is there a way to dismiss a modal view without animation in SwiftUI?

1 Answers1