SWIFTUI：在视图中导航并返回

Question

我有一个关于 swift 的问题。如何导航到视图？

现在，我的 ContentView 在条件 (if) 中显示启动屏幕、登录或 HomeView。

    var body: some View {

    VStack {

        if (sessionStore.session != nil) {

            UserProfileView(userProfile: self.profile ??  UserProfile(uid: "", firstName: "", lastName: "", birth: "", email: "", phone: ""))

        } else if show || UserDefaults.standard.bool(forKey: initialLaunchKey){

            AuthentificationView().transition(.move(edge: .bottom))

        } else {

            PageViewContainer( viewControllers: Page.getAll.map({  UIHostingController(rootView: PageView(page: $0) ) }), presentSignupView: { withAnimation { self.show = true }; UserDefaults.standard.set(true, forKey: self.initialLaunchKey) }).transition(.scale)
        }
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(Color.backgroundColor)
    .onTapGesture { UIApplication.shared.endEditing() }
}

但是如果我在 LoginView 中，即使我在 contentView 中对 HomeView 的条件为真，我也不会去 HomeView...

我通过可观察对象中的 var 导航到视图（页面 =1 然后页面 =2...）我认为这不是更好的方法...

struct AuthentificationView: View {

    @EnvironmentObject var userSignup: UserSignup


    var body: some View {

        VStack {

            if (userSignup.page >= 1) {

                SignupView()
                    .transition(.asymmetric(insertion: .move(edge: .trailing), removal: .move(edge: .leading)))

            } else {

                LoginView()
                    .transition(.asymmetric(insertion: .move(edge: .leading), removal: .move(edge: .trailing)))

            }
        }
    }
}

谢谢

Answer 1

我无法测试您的代码（由于缺少自定义内容），因此请根据经验尝试以下操作

• 为每个带有过渡的视图使用显式条件
• 使过渡动画化
• 使容器保持动画化

如下图（略）

var body: some View {

    VStack {

        if userSignup.page >= 1 {

            SignupView()
                .transition(AnyTransition.asymmetric(insertion: .move(edge: .trailing), 
                removal: .move(edge: .leading)).animation(.default))

        } 
        if userSignup.page == 0 {

            LoginView()
                .transition(AnyTransition.asymmetric(insertion: .move(edge: .leading), 
                removal: .move(edge: .trailing)).animation(.default))

        }
    }.animation(.default)
}