Login / Logout Flow: SwiftUI and EnvironmentObject

UpdatedNovember 15, 2021

•3 min read•View as Markdown

Login / Logout Flow: SwiftUI and EnvironmentObject

Paul Allies

Part of seriesiOS

Comments

Join the discussion

No comments yet. Be the first to comment.

iOS

Part 1 of 8

Up next

Getting Started with TDD: SwiftUI

The TDD (Test Driven Development) approach is important when it comes to testing small portions of business logic code in isolation. In this blog, I'll cover how I would use TDD to build a clean architecture To-do SwiftUI application I'll cover imp...

More from this blog

Login / Logout Flow: Android Jetpack Compose and CompositionLocal

CompositionLocal is useful when you want to create a dependency in a higher node of the layout tree and use it on a lower node without having to pass it down the tree through every child Composable. Here we will use it to direct our application when ...

Nov 5, 20213 min read2.0K

Login / Logout Flow: Android Jetpack Compose and CompositionLocal

Getting Started with TDD: SwiftUI

Oct 27, 20215 min read872

Getting Started with TDD: Kotlin and Jetpack Compose

Oct 27, 20214 min read484

Room(SQLite) and Kotlin

The Room persistence library provides an abstraction layer over SQLite. To use Room in your app, add the following dependencies to your app’s build.gradle file: dependencies { .... kapt "org.xerial:sqlite-jdbc:3.34.0" // Room def roo...

Oct 25, 20214 min read162

Nanosoft Code Foundation

18 posts

import Foundation enum UserStateError: Error{ case signInError, signOutError } @MainActor class UserStateViewModel: ObservableObject { @Published var isLoggedIn = false @Published var isBusy = false func signIn(email: String, password: String) async -> Result<Bool, UserStateError> { isBusy = true do{ try await Task.sleep(nanoseconds: 1_000_000_000) isLoggedIn = true isBusy = false return .success(true) }catch{ isBusy = false return .failure(.signInError) } } func signOut() async -> Result<Bool, UserStateError> { isBusy = true do{ try await Task.sleep(nanoseconds: 1_000_000_000) isLoggedIn = false isBusy = false return .success(true) }catch{ isBusy = false return .failure(.signOutError) } } }

import SwiftUI @main struct LoginFlowApp: App { @StateObject var userStateViewModel = UserStateViewModel() var body: some Scene { WindowGroup { NavigationView{ ApplicationSwitcher() } .navigationViewStyle(.stack) .environmentObject(userStateViewModel) } } } struct ApplicationSwitcher: View { @EnvironmentObject var vm: UserStateViewModel var body: some View { if (vm.isLoggedIn) { HomeScreen() } else { LoginScreen() } } }

import SwiftUI struct LoginScreen: View { @EnvironmentObject var vm: UserStateViewModel @State var email = "" @State var password = "" fileprivate func EmailInput() -> some View { TextField("Email", text: $email) .keyboardType(.emailAddress) .disableAutocorrection(true) .autocapitalization(.none) .textFieldStyle(.roundedBorder) } fileprivate func PasswordInput() -> some View { SecureField("Password", text: $password) .textFieldStyle(.roundedBorder) } fileprivate func LoginButton() -> some View { Button(action: { Task { await vm.signIn( email: email, password:password ) } }) { Text("Sign In") } } var body: some View { VStack{ if(vm.isBusy){ ProgressView() }else{ Text("Login Screen").font(.title) EmailInput() PasswordInput() LoginButton() } }.padding() } }

import SwiftUI struct HomeScreen: View { @EnvironmentObject var vm: UserStateViewModel var body: some View { if(vm.isBusy){ ProgressView() }else{ Text("Home Screen") .navigationTitle("Home") .toolbar { Button { Task{ await vm.signOut() } } label: { Image(systemName: "rectangle.portrait.and.arrow.right") } } } } }

Login / Logout Flow: SwiftUI and EnvironmentObject

Comments

iOS

Getting Started with TDD: SwiftUI

More from this blog

Login / Logout Flow: Android Jetpack Compose and CompositionLocal

Getting Started with TDD: SwiftUI

Getting Started with TDD: Kotlin and Jetpack Compose

Room(SQLite) and Kotlin

User State View Model

Application Switcher

Home Screen with Logout Button

Command Palette

Comments

iOS

Getting Started with TDD: SwiftUI

More from this blog

User State View Model

Application Switcher

Login Screen

Home Screen with Logout Button