SwiftUI中NavigationView内SignInView跳转FirstView转场生硬无动画如何解决

问题核心原因 #

你当前的转场动画不生效是两个问题导致的：

1. 条件渲染的if判断直接写在NavigationView的根视图层级，SwiftUI默认不会对NavigationView的根节点切换应用自定义转场，你给FirstView添加的transition没有被动画容器包裹，无法触发。
2. signedIn状态变更的withAnimation只包裹了赋值逻辑，但外层视图没有监听这个动画上下文，导致过渡效果被跳过。

解决方案 #

你可以选下面任意一种实现，效果都符合要求：

方案1：自定义转场（和你现有代码逻辑兼容度最高）

修改ContentView的结构，把条件判断挪到NavigationView外层，统一加动画修饰符：

struct ContentView: View {
    @EnvironmentObject var viewModel: AppViewModel
    
    var body: some View {
        Group {
            if viewModel.signedIn {
                NavigationView {
                    FirstView()
                }
                // 模拟系统导航push的右侧进入效果
                .transition(.move(edge: .trailing))
            } else {
                NavigationView {
                    SignInView()
                        .onAppear(perform: UIApplication.shared.addTapGestureRecognizer)
                        .navigationBarHidden(true)
                }
                // 退出时往左侧滑出
                .transition(.move(edge: .leading))
            }
        }
        // 监听signedIn变化自动触发动画
        .animation(.easeInOut(duration: 0.3), value: viewModel.signedIn)
        .onAppear {
            viewModel.listen()
        }
    }
}

方案2：复用系统NavigationLink默认动画（效果最贴合原生导航）

不用自定义转场，直接用NavigationLink的isActive绑定实现原生跳转，步骤如下：

1. 把ContentView还原为单一NavigationView结构：

struct ContentView: View {
    @EnvironmentObject var viewModel: AppViewModel
    
    var body: some View {
        NavigationView {
            SignInView()
                .onAppear(perform: UIApplication.shared.addTapGestureRecognizer)
                .navigationBarHidden(true)
        }
        .onAppear {
            viewModel.listen()
        }
    }
}

2. 在SignInView的VStack末尾添加一个隐藏的NavigationLink，绑定viewModel.signedIn：

// SignInView的body中VStack的最后添加以下代码
NavigationLink(isActive: $viewModel.signedIn) {
    FirstView()
} label: {
    EmptyView()
}
.hidden()

这种方式完全复用系统导航的默认push动画，效果和普通页面跳转完全一致。

额外代码优化提示 #

你当前SignInView里SecureField的onChange绑定错了变量，现在绑定的是username，应该改成绑定password，否则密码长度限制不会生效。

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