SwiftUI中Text视图文本及ID变更时，.transition为何未生效？

核心原因是SwiftUI的Transition仅在视图从层级中被添加或移除时才会触发，单纯修改视图的id或文本属性，只会让SwiftUI更新现有视图的内容，不会触发“移除旧视图+插入新视图”的流程，自然不会执行过渡动画。

你可以通过以下方式解决：

1. 用条件渲染强制切换视图层级 #

通过布尔变量控制视图的显示/隐藏，强制SwiftUI执行视图的添加和移除动作，同时要把状态变更包裹在withAnimation中确保动画生效：

struct TextTransitionView: View {
    @State private var text: String = "Hello, World!"
    @State private var shouldToggleView: Bool = false
    
    private var textTransition: AnyTransition {
        .asymmetric(
            insertion: .move(edge: .bottom).combined(with: .opacity),
            removal: .move(edge: .top).combined(with: .opacity)
        )
    }
    
    var body: some View {
        VStack {
            if shouldToggleView {
                Text(text)
                    .transition(textTransition)
            } else {
                Text(text)
                    .transition(textTransition)
            }
            
            Button("Change Text") {
                withAnimation {
                    text += "!"
                    shouldToggleView.toggle()
                }
            }
        }
    }
}

2. 利用@Namespace和matchedGeometryEffect（进阶场景） #

如果需要更精细的过渡控制（比如文本位置关联动画），可以使用matchedGeometryEffect，不过对于简单的文本替换，第一种方法足够简洁高效。

另外要注意：无论哪种方式，必须将状态变更放在withAnimation闭包内，否则过渡动画不会被触发。

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