SwiftUI TabView not updating View

Question

My problem is that TabView is not updating.

I want to log-in and then re-render another view (Profile Screen) instead of (Login Screen) in the same TabItem.

The TabView goes to ProfileScreen only after i kill the app and reopen it.

Here's the TabView code:

import SwiftUI

struct ContentView: View {
    
    @State var userToken: String = UserDefaults.standard.string(forKey: "UserToken") ?? ""
    var body: some View {
        TabView{
            HomeScreen(text: .constant("")).tabItem({ Image(systemName: "house") }).tag(0)
            Text("Cart").tabItem({ Image(systemName: "cart") }).tag(1)
            if userToken.isEmpty {
                LoginScreen().tabItem({ Image(systemName: "person") }).tag(2)
            } 
            else { 
                ProfileScreen().tabItem({ Image(systemName: "person") }).tag(2)
            }
        }
    }
    
}

Things I have tried:

Passing different @State values to both screens
Rendering Profile Screen in LoginScreen but it renders on top of the TabView

Where are you modifying the "User Token" property? – regina_fallangi Aug 24 '20 at 17:10 — regina_fallangi, Aug 24 '20 at 17:10

score 2 · Answer 1 · answered Aug 24 '20 at 17:59

2

If you're using the latest SwiftUI, consider using @AppStorage instead of @State:

@AppStorage("UserToken") var userToken: String = ""

answered Aug 24 '20 at 17:59

Danny B

93
5

score 0 · Answer 2 · answered Aug 25 '20 at 14:20

If you are modifying the value of userToken in any other view, for example may be LoginView, you need a mechanism to inform the content view about that update.

You can consider using LocalNotifications here for sending the update to ContentView so that the view reloads on status update.

SwiftUI TabView not updating View

2 Answers2