如何在 SwiftUI 中全屏显示视图？

Question

我曾经登录view，现在我想在登录后显示view，但我不希望用户有可能返回登录view。在UIkit 中我使用了present()，但似乎在SwiftUI presentation(_ modal: Modal?) 中view 并没有占据整个屏幕。 Navigation 也不是一个选项。

谢谢！

Answer 1

我不希望用户有可能返回登录视图

在这种情况下，您不应该离开登录视图，而是完全替换它。

您可以通过有条件地构建登录视图或“应用程序视图”来做到这一点。

这样的……

// create the full screen login view
struct LoginView: View {
    // ...
}

//create the full screen app veiw
struct AppView: View {
    // ...
}

// create the view that swaps between them
struct StartView: View {
    @EnvironmentObject var isLoggedIn: Bool // you might not want to use this specifically.

    var body: some View {
        isLoggedIn ? AppView() : LoginView()
    }
}

通过使用这样的模式，您不会呈现或离开登录视图，而是完全替换它，因此它根本不再位于视图层次结构中。

这可确保用户无法导航回登录屏幕。

同样...通过像这样使用@EnvironmentObject，您可以稍后对其进行编辑（退出），您的应用将自动返回登录屏幕。

Answer 2

struct ContentView: View {
    @EnvironmentObject var userAuth: UserAuth 
    var body: some View {
        if !userAuth.isLoggedin {
            return AnyView(LoginView())
        } else {
            return AnyView(HomeView())
        }
    }
}

Answer 3

将正文封装在一个组中以消除编译器错误：

struct StartView: View {

@EnvironmentObject var userAuth: UserAuth

var body: some View {
    Group {
        if userAuth.isLoggedin {
            AppView()
        } else {
            LoginView()
        }

    }
}

Answer 4

我为自己做了这个扩展。欢迎任何反馈/想法。 :)

https://github.com/klemenkosir/SwiftUI-FullModal

用法

struct ContentView: View {

    @State var isPresented: Bool = false

    var body: some View {
        NavigationView {
            Button(action: {
                self.isPresented.toggle()
            }) {
                Text("Present")
            }
            .navigationBarTitle("Some title")
        }
        .present($isPresented, view: ModalView(isPresented: $isPresented))
    }
}

struct ModalView: View {

    @Binding var isPresented: Bool

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