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

时间:2019-06-12 08:40:51

标签: ios view uikit swiftui

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

谢谢!

4 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

  

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

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

您可以通过有条件地构建登录视图或“应用程序视图”来实现。

像这样...

// 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这样的代码,您可以稍后对其进行编辑(以注销),然后您的应用将自动返回到登录屏幕。

答案 2 :(得分:1)

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

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")
        }
    }
}

答案 3 :(得分:0)

将主体封装在一个组中以消除编译器错误:

struct StartView: View {

@EnvironmentObject var userAuth: UserAuth

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

    }
}