SwiftUI: Problem with Tabviews and NavigationViews when TabViews is not main page

Question

Good afternoon,

I have a problem on my app with the NavigationViews. When launching the app for the very first time, users are displayed a LogIn and Sign Up page (which does not have a TabView) and once they Log-In they are directed to a TabView with different sections (Home, Chats, etc...).

The main problem that I have is that when changing from the Login view to the TabView,the NavigationTitle that is set is only that of HomeView and when changing to a different tab, the title does not change. How could I solve this problem, how do other apps deal with this?

Thank you.

File LoginView

import SwiftUI

struct LoginView: View {
   var body: some View{
      NavigationView{
         NavigationLink(destination: TabView, label: Text("Login")
      }
   }
}

File TabView

import Swift UI

struct TabView: View {
   var body: some View{
      TabView {
         HomeView()
            .tabItem{
               //Not relevant code
            }

         ChatView()
            .tabItem{
               //Not relevant code
            }
        }
    }
}

File HomeView

import SwiftUI

struct HomeView: View {
   var body: some View {
      ZStack{
         //Not relevant code
      }
      .navigationBarTitle("Home")
   }
}

File ChatsView

import SwiftUI

struct ChatsView: View {
   var body: some View {
     ZStack{
       //Not relevant code
     }
     .navigationBarTitle("Chats")
   }
}

Tolga Kağan · Accepted Answer · 2022-06-05 02:08:44Z

0

struct ContentView: View {

enum Tab {
case homeView
case chatView
}
@State var selecion: Tab = .homeView
@State var title = "House"
var body: some View{
    TabView(selection: $selecion){
        HomeView()
            .tabItem{
                //Not relevant code
                Image(systemName: "house")
            }
            .tag(Tab.homeView)
            .onAppear {
                title = "House"
            }
            
        ChatsView()
            .tabItem{
                //Not relevant code
                Image(systemName: "star")
            }
            .tag(Tab.chatView)
            .onAppear {
                title = "Chat"
            }
    }
    .navigationTitle(title)
}

}

edited Jun 5, 2022 at 2:08

answered Jun 5, 2022 at 0:14

Tolga Kağan

1431 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Enrique Over a year ago

Thank you very much for the answer, however, this still does not solve my problem because it creates two NavigationViews and one is set over the other. The LoginView already has a NavigationView, therefore, adding another to each of the tabItem views puts it over the previous one. That's the problem I am trying to solve. Thank you again!

Tolga Kağan Over a year ago

ooo i cant see LoginView. I am sorry

Enrique Over a year ago

Would you know how to solve that?

Tolga Kağan Over a year ago

i am trying but i cant

Collectives™ on Stack Overflow

SwiftUI: Problem with Tabviews and NavigationViews when TabViews is not main page

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related