SwiftUI结合TCA导航时，消失视图在动画启动前变为空白

问题情况 #

用TCA搭建SwiftUI导航时，依赖父视图中的布尔状态控制.sheet或NavigationLink的isPresented/isActive参数。点击子视图返回按钮后，父视图捕获操作将布尔值设为false，结果关闭视图时动画尚未开始，子视图内容就先变成了空白——功能一切正常，仅导航动画表现异常。

几个可行的解决方向 #

1. 让状态更新与动画同步 #

TCA的状态更新是即时的，可能导致视图在动画完成前就被销毁。可以将状态更新包裹在withAnimation中，确保状态变化和导航动画节奏一致：

// 父视图Reducer中处理关闭操作时
case .closeChildView:
    return .run { send in
        withAnimation {
            send(.setIsChildPresented(false))
        }
    }

或者在视图层绑定状态时，确保动画作用于状态变化：

.sheet(isPresented: $store.binding(get: \.isChildPresented, send: { .setIsChildPresented($0) })) {
    ChildView(store: store.scope(state: \.childState, action: ParentAction.childAction))
}

2. 避免子视图Store提前失效 #

如果子视图使用了store.scope，当父状态中的子状态被清空（或关联布尔值变为false）时，子视图的Store会提前失效，直接导致空白。可以尝试：

• 等待导航动画完成后再清理子状态数据
• 在Reducer中用.delay延迟清理子状态，给动画留足时间：

case .closeChildView:
    return .concatenate(
        .send(.setIsChildPresented(false)),
        .send(.clearChildState)
            .delay(for: 0.3, scheduler: DispatchQueue.main)
    )

3. 改用TCA原生导航API #

TCA提供了专门的导航处理工具（如NavigationStack绑定、sheet封装），无需手动管理布尔状态，能自动同步导航状态与动画。例如：

// 使用TCA的NavigationLink绑定
NavigationLink(
    state: ParentState.child,
    action: ParentAction.child,
    destination: { ChildView(store: $0) }
) {
    Text("打开子视图")
}

这种写法能减少手动控制带来的不同步问题。

4. 检查冲突的动画修饰符 #

排查父视图或子视图是否添加了animation(nil)这类会覆盖默认动画的修饰符，移除多余的全局动画设置，让SwiftUI默认导航动画正常执行。

内容的提问来源于stack exchange，提问作者marek.pivovarnik