SwiftUI：点击按钮后如何隐藏或移除TabView中的视图避免滚动回退

解决方案 #

问题根源 #

你当前的结构是将NavigationView放在RegisterView内部，点击按钮仅在该子导航栈中 push 新页面，外层的引导页TabView全程存在于视图树中，所以用户依然可以滑动切换Tab页。

实现逻辑 #

新增全局状态控制根视图的渲染内容，用户完成登录/注册操作后，直接将根视图切换为APP主页面，把整个引导TabView从视图树中移除，自然无法再滑动返回引导页。

代码修改示例 #

1. 修改ContentView

struct ContentView: View {
    // 使用AppStorage持久化存储认证状态，下次冷启动APP也不会回到引导页
    // 若不需要持久化可替换为 @State private var isUserAuthenticated = false
    @AppStorage("isUserAuthenticated") private var isUserAuthenticated = false
    
    var body: some View {
        if isUserAuthenticated {
            // 此处替换为你APP登录后的主视图
            MainAppHomeView()
        } else {
            TabView {
                ForEach(0..<5) {i in
                    if i == 0 {
                        FirstPageView()
                    } else if i == 1 {
                        SecondPageView()
                    } else if i == 2 {
                        ThirdPageView()
                    } else {
                        // 将认证状态绑定传入注册页
                        RegisterView(isAuthenticated: $isUserAuthenticated)
                    }
                }
            }
            .tabViewStyle(PageTabViewStyle())
        }
    }
}

2. 修改RegisterView

将原来的NavigationLink替换为按钮，点击后弹出登录/注册页，用户操作成功后修改绑定的认证状态即可：

struct RegisterView: View {
    @Binding var isAuthenticated: Bool
    @State private var showLoginPage = false
    @State private var showSignUpPage = false
    
    let screen = UIScreen.main.bounds
    let screen_width = screen.size.width
    let screen_height = screen.size.height
    let theme_color = Color(hue: 0.636, saturation: 0.646, brightness: 0.994)
    
    var body: some View {
        VStack(alignment: .leading){
            Text("Investing App.")
                .foregroundColor(theme_color)
                .fontWeight(.bold)
                .font(.system(size:screen_width/8))
                .padding(.leading)
            
            Text("Start investing")
                .fontWeight(.bold)
                .font(.system(size:screen_width/8))
                .padding(.leading)
            
            Text("today.")
                .fontWeight(.bold)
                .font(.system(size:screen_width/8))
                .padding(.leading)
            
            Button {
                showLoginPage = true
            } label: {
                Text("Login")
                    .fontWeight(.bold)
                    .font(.system(size:screen_width/25))
                    .frame(width: screen_width/5, height: screen_width/9, alignment: .center)
                    .padding(.horizontal, screen_width/3)
                    .overlay(
                        RoundedRectangle(cornerRadius: 100)
                            .stroke(lineWidth: 1)
                    )
            }
            .frame(maxWidth: .infinity, alignment: .center)
            .offset(y:screen_height/2.5)
            .sheet(isPresented: $showLoginPage) {
                // 你的登录页，登录成功后回调修改状态
                LoginView(loginSuccess: {
                    isAuthenticated = true
                })
            }

            Button {
                showSignUpPage = true
            } label: {
                Text("Sign Up")
                    .fontWeight(.bold)
                    .font(.system(size:screen_width/25))
                    .frame(width: screen_width/5, height: screen_width/9, alignment: .center)
                    .padding(.horizontal, screen_width/3)
                    .overlay(
                        RoundedRectangle(cornerRadius: 100)
                            .stroke(lineWidth: 1)
                    )
            }
            .frame(maxWidth: .infinity, alignment: .center)
            .offset(y:screen_height/5)
            .sheet(isPresented: $showSignUpPage) {
                // 你的注册页，注册成功后回调修改状态
                SignUpView(signUpSuccess: {
                    isAuthenticated = true
                })
            }
        }
        .padding()
        .offset(y: -screen_height/4+42.4)
        .frame(width: screen_width, height: screen_height/2, alignment: .leading)
    }
}

补充说明 #

• 如果你需要用导航栈push登录/注册页而非sheet弹出，可以把外层的NavigationView移到ContentView层级，不要放在RegisterView内部。
• 也可以使用ObservableObject全局状态管理器来管理认证状态，适合更复杂的APP架构。

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