CODEWITHSUNDEEP
iosviewuikitswiftui
Sorin Lica
Sorin Lica

Reputation: 7636

How to present a view full-screen in SwiftUI?

I worked to a login view, now I want to present the view after login, but I do not want the user to have the possibility to return to the login view. In UIkit I used present(), but it seems in SwiftUI presentation(_ modal: Modal?) the view does not take the entire screen. Navigation also isn't an option.

Thank you!

Upvotes: 13

Views: 11634

Answers (4)

Klemen Košir
Klemen Košir

Reputation: 87

I made this extension for myself. Any feedback/ideas are welcome. :)

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

Usage

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

Upvotes: 0

Chetan Hedamba
Chetan Hedamba

Reputation: 291

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

Upvotes: 5

Frank Möller
Frank Möller

Reputation: 321

Encapsulate the body in a Group to eliminate compiler errors:

struct StartView: View {

@EnvironmentObject var userAuth: UserAuth

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

    }
}

Upvotes: 5

Fogmeister
Fogmeister

Reputation: 77621

I do not want the user to have the possibility to return to the login view

In that case you shouldn't be presenting away from the login view but replacing it entirely.

You could do this by conditionally building the login view or the "app view".

Something like this...

// 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()
    }
}

By using a pattern like this you are not presenting or navigating away from the login view but you are replacing it entirely so it is no longer in the view hierarchy at all.

This makes sure that the user cannot navigate back to the login screen.

Equally... by using an @EnvironmentObject like this you can edit it later (to sign out) and your app will automatically be taken back to the login screen.

Upvotes: 13

Related Questions