SwiftUI中TabView与登录状态下双导航栏问题求助

你的代码核心问题是NavigationView嵌套：外层ContentView已经添加了NavigationView，而TabView下的每个子视图（HomeView、SearchView、ProfileView）又各自套了一层NavigationView，多层导航容器叠加就会导致双导航栏的问题。以下是具体修复方案：

1. 移除子视图中的冗余NavigationView #

把HomeView、SearchView、ProfileView里的NavigationView全部删除，外层的NavigationView已经能提供完整的导航上下文。修改后的子视图示例：

struct HomeView: View {
    var body: some View {
        ZStack {
            VStack {
                Text("Home")
            }
        }
        .navigationTitle("首页") // 直接在这里配置导航栏标题
    }
}

struct SearchView: View {
    var body: some View {
        ZStack {
            VStack {
                Text("Search")
            }
        }
        .navigationTitle("搜索")
    }
}

struct ProfileView: View {
    var body: some View {
        ZStack {
            VStack {
                Text("Profile")
            }
        }
        .navigationTitle("我的")
    }
}

2. 统一外层导航栏样式配置 #

在ContentView的NavigationView上统一设置导航栏样式，避免子视图重复配置：

struct ContentView: View {
    var isSignedIn: Bool
    
    var body: some View {
        NavigationView {
            if isSignedIn {
                MainTabView()
            } else {
                WelcomeScreenView()
            }
        }
        .navigationViewStyle(.stack) // 全局统一导航栏样式
    }
}

3. 清理TabView中的无效配置 #

删除SearchView上的.navigationViewStyle(.stack)，该配置只需要在外层NavigationView设置一次即可：

struct MainTabView: View {
    // 提前定义Tab枚举（如果之前没定义）
    enum Tab {
        case profile
    }
    
    var body: some View {
        TabView {
            HomeView()
                .tabItem {
                    Image(systemName: "house.fill")
                    Text("Home")
                }
            
            SearchView()
                .tabItem {
                    Image(systemName: "magnifyingglass")
                    Text("Search")
                }
            
            ProfileView()
                .tabItem {
                    Image(systemName: "person.fill")
                    Text("Profile")
                }
                .tag(Tab.profile)
        }
    }
}

原理说明 #

SwiftUI的NavigationView是提供导航上下文的容器，同一个导航层级下只需要一个外层容器即可。子视图通过.navigationTitle、.navigationBarHidden等修饰符就能直接配置导航栏，嵌套NavigationView会导致多个导航容器叠加，从而出现双导航栏。

内容的提问来源于stack exchange，提问作者NoChillKill