Ich möchte auf eine Schaltfläche klicken und dann eine neue Ansicht wie present modallyin UIKit präsentieren

Ich habe bereits " So präsentieren Sie eine neue Ansicht mithilfe von Blättern " gesehen, möchte sie jedoch nicht als modales Blatt an die Hauptansicht anhängen.

Und ich möchte nicht verwenden NavigationLink, weil ich nicht möchte, dass eine neue Ansicht und eine alte Ansicht eine Navigationsbeziehung haben.

Danke für Ihre Hilfe...

So zeigen Sie ein Modal an (iOS 13-Stil)

Sie brauchen nur eine einfache sheetmit der Fähigkeit, sich selbst zu entlassen:

struct ModalView: View {
    @Binding var presentedAsModal: Bool
    var body: some View {
        Button("dismiss") { self.presentedAsModal = false }
    }
}

Und präsentieren Sie es wie:

struct ContentView: View {
    @State var presentingModal = false

    var body: some View {
        Button("Present") { self.presentingModal = true }
        .sheet(isPresented: $presentingModal) { ModalView(presentedAsModal: self.$presentingModal) }
    }
}

_{Beachten Sie, dass ich das presentingModalan das Modal übergeben habe, damit Sie es aus dem Modal selbst entfernen können, aber Sie können es loswerden.}

Um es WIRKLICH präsent zu machen fullscreen(nicht nur optisch)

Sie müssen auf die zugreifen ViewController. Sie benötigen also einige Hilfsbehälter und Umgebungsmaterial:

struct ViewControllerHolder {
    weak var value: UIViewController?
}

struct ViewControllerKey: EnvironmentKey {
    static var defaultValue: ViewControllerHolder {
        return ViewControllerHolder(value: UIApplication.shared.windows.first?.rootViewController)

    }
}

extension EnvironmentValues {
    var viewController: UIViewController? {
        get { return self[ViewControllerKey.self].value }
        set { self[ViewControllerKey.self].value = newValue }
    }
}

Dann sollten Sie diese Erweiterung implementieren:

extension UIViewController {
    func present<Content: View>(style: UIModalPresentationStyle = .automatic, @ViewBuilder builder: () -> Content) {
        let toPresent = UIHostingController(rootView: AnyView(EmptyView()))
        toPresent.modalPresentationStyle = style
        toPresent.rootView = AnyView(
            builder()
                .environment(\.viewController, toPresent)
        )
        self.present(toPresent, animated: true, completion: nil)
    }
}

Schließlich

Sie können es fullscreenwie folgt machen :

struct ContentView: View {
    @Environment(\.viewController) private var viewControllerHolder: UIViewController?

    var body: some View {
        Button("Login") {
            self.viewControllerHolder?.present(style: .fullScreen) {
                Text("Main") // Or any other view you like
            }
        }
    }
}

Hier ist eine einfache Einbahnstraße. Es ist sehr einfach.

        struct ChildView: View{
           private  let colors: [Color] = [.red, .yellow,.green,.white]
           @Binding var index : Int
           var body: some View {
           let next = (self.index+1)  % MyContainer.totalChildren
             return   ZStack{
                    colors[self.index  % colors.count]
                     Button("myNextView \(next)   ", action: {
                    withAnimation{
                        self.index = next
                    }
                    }
                )}.transition(.asymmetric(insertion: .move(edge: .trailing)  , removal:  .move(edge: .leading)  ))
            }
        }

        struct MyContainer: View {
            static var totalChildren = 10
            @State private var value: Int = 0
            var body: some View {
                    HStack{
                        ForEach(0..<(Self.totalChildren) ) { index in
                            Group{
                            if    index == self.value {
                                ChildView(index:  self.$value)
                                }}
                            }
                }
                }
        }

Haftungsausschluss: Im Folgenden wird nicht wirklich wie ein "natives Modal" beschrieben, weder verhalten noch aussehen und sich anfühlen. Wenn jedoch jemand einen benutzerdefinierten Übergang einer Ansicht über eine andere benötigt, um nur die oberste aktiv zu machen, kann der folgende Ansatz hilfreich sein.

Wenn Sie also Folgendes erwarten

Hier ist ein einfacher Code für die Demo des Ansatzes (von Corse Animation & Übergangsparametern können auf Wunsch geändert werden)

struct ModalView : View {
    @Binding var activeModal: Bool
    var body : some View {
        VStack {
            Button(action: {
                withAnimation(.easeInOut(duration: 0.3)) {
                    self.activeModal = false
                }
            }) {
                Text("Hide modal")
            }
            Text("Modal View")
        }
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
        .background(Color.green)
    }
}

struct MainView : View {
    @Binding var activeModal: Bool
    var body : some View {
        VStack {
            Button(action: {
                withAnimation(.easeInOut(duration: 0.3)) {
                    self.activeModal = true
                }
            }) {
                Text("Show modal")
            }
            Text("Main View")
        }
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
        .background(Color.yellow)
    }
}

struct ModalContainer: View {
    @State var showingModal = false
    var body: some View {
        ZStack {
            MainView(activeModal: $showingModal)
                .allowsHitTesting(!showingModal)
            if showingModal {
                ModalView(activeModal: $showingModal)
                    .transition(.move(edge: .bottom))
                    .zIndex(1)
            }
        }
    }
}