La modalité de licenciement de SwiftUI

Question

Puisque SwiftUI est déclaratif, il n'y a pas de dismiss méthode. Comment ajouter un bouton de renvoi/fermeture à l'écran de l'application DetailView ?

struct DetailView: View {
  var body: some View {
  Text("Detail")
  }
}

struct ContentView : View {
  var body: some View {
  PresentationButton(Text("Click to show"), destination: DetailView())
  }
}

Answer 1

Utilisation de l'enveloppe de la propriété @State (recommandé)

struct ContentView: View {
    @State private var showModal = false

    var body: some View {
       Button("Show Modal") {
          self.showModal.toggle()
       }.sheet(isPresented: $showModal) {
            ModalView(showModal: self.$showModal)
        }
    }
}

struct ModalView: View {
    @Binding var showModal: Bool

    var body: some View {
        Text("Modal view")
        Button("Dismiss") {
            self.showModal.toggle()
        }
    }
}

---

Utilisation de presentationMode

Vous pouvez utiliser presentationMode dans votre vue modale et en appelant self.presentaionMode.wrappedValue.dismiss() pour rejeter le modal :

struct ContentView: View {

  @State private var showModal = false

  // If you are getting the "can only present once" issue, add this here.
  // Fixes the problem, but not sure why; feel free to edit/explain below.
  @SwiftUI.Environment(\.presentationMode) private var presentationMode: Binding<PresentationMode>

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

struct ModalView: View {

  @Environment(\.presentationMode) private var presentationMode

  var body: some View {
    Group {
      Text("Modal view")
      Button(action: {
         self.presentationMode.wrappedValue.dismiss()
      }) {
        Text("Dismiss")
      }
    }
  }
}

Answer 2

Dans Xcode Beta 5, une autre façon de procéder consiste à utiliser @State dans la vue qui lance la modale, et à ajouter une liaison dans la vue de la modale pour contrôler la visibilité de la modale. Cela ne nécessite pas d'accéder à la variable @Environment presentationMode.

struct MyView : View {
    @State var modalIsPresented = false

    var body: some View {
        Button(action: {self.modalIsPresented = true})  {
            Text("Launch modal view")
        }
        .sheet(isPresented: $modalIsPresented, content: {
            MyModalView(isPresented: self.$modalIsPresented)
        })
    }
}

struct MyModalView : View {
    @Binding var isPresented: Bool

    var body: some View {
        Button(action: {self.isPresented = false})  {
            Text("Close modal view")
        }
    }
}

Answer 3

Voici une façon d'écarter le point de vue présenté.

struct DetailView: View {
    @Binding
    var dismissFlag: Bool

    var body: some View {
        Group {
            Text("Detail")
            Button(action: {
                self.dismissFlag.toggle()
            }) {
                Text("Dismiss")
            }
        }

    }
}

struct ContentView : View {
    @State var dismissFlag = false

    var body: some View {
        Button(action: {
            self.dismissFlag.toggle()
        })
        { Text("Show") }
            .presentation(!dismissFlag ? nil :
                Modal(DetailView(dismissFlag: $dismissFlag)) {
                print("dismissed")
            })
    }
}

Answer 4

Il semble que pour Xcode 11 Beta 7 (c'est sur la build 11M392r de Xcode) c'est légèrement différent.

@Environment(\.presentationMode) var presentation

Button(action: { self.presentation.wrappedValue.dismiss() }) { Text("Dismiss") }

Answer 5

Vous pouvez le mettre en œuvre.

struct view: View {
    @Environment(\.isPresented) private var isPresented

    private func dismiss() {
        isPresented?.value = false
    }
}