SwiftUI phaseAnimator：如何避免内容切换时的视图透明度异常变化？

你遇到的问题核心是SwiftUI的视图身份识别机制：当Text("\(value)")的内容随value变化时，SwiftUI会将其判定为一个全新的Text视图，销毁旧视图并创建新实例。新视图初始化时会触发默认的淡入过渡，同时旧视图上的phaseAnimator动画状态丢失，最终表现为“透明度闪一下再复位”的异常效果。

以下是几种可行的修复方式，从根源上解决视图重建的问题：

方案1：给文本视图设置固定ID #

通过.id(_:)修饰符强制SwiftUI将不同内容的Text识别为同一视图实例，避免销毁重建：

struct ContentView: View
{
    @State
    private var value: Int = 0
    
    var body: some View
    {
        VStack
        {
            GeometryReader { geometry in
                Text("\(value)")
                    .id("animated_text") // 固定ID，确保视图身份不变
                    .phaseAnimator([0, 1], trigger: value) { view, phase in
                        view
                            .offset(x: phase == 1 ? 100 : 0)
                    } animation: { phase in
                        switch phase
                        {
                            case 1: .linear(duration: 1)
                            default: nil
                        }
                    }
            }
            
            Button("Start Animation")
            {
                value += 1
            }
        }
    }
}

方案2：分离动画容器与文本内容 #

将phaseAnimator附着在一个固定的容器视图上（如ZStack），文本作为子视图更新内容。容器视图保持不变，动画状态得以保留：

struct ContentView: View
{
    @State
    private var value: Int = 0
    
    var body: some View
    {
        VStack
        {
            GeometryReader { geometry in
                ZStack {
                    Text("\(value)")
                }
                .phaseAnimator([0, 1], trigger: value) { view, phase in
                    view
                        .offset(x: phase == 1 ? 100 : 0)
                } animation: { phase in
                    switch phase
                    {
                        case 1: .linear(duration: 1)
                        default: nil
                    }
                }
            }
            
            Button("Start Animation")
            {
                value += 1
            }
        }
    }
}

方案3：禁用文本视图的默认过渡 #

如果仍存在过渡效果，可通过.transition(.identity)直接禁用视图内容变化时的默认动画：

struct ContentView: View
{
    @State
    private var value: Int = 0
    
    var body: some View
    {
        VStack
        {
            GeometryReader { geometry in
                Text("\(value)")
                    .transition(.identity) // 禁用默认过渡
                    .phaseAnimator([0, 1], trigger: value) { view, phase in
                        view
                            .offset(x: phase == 1 ? 100 : 0)
                    } animation: { phase in
                        switch phase
                        {
                            case 1: .linear(duration: 1)
                            default: nil
                        }
                    }
            }
            
            Button("Start Animation")
            {
                value += 1
            }
        }
    }
}

SwiftUI通过视图的类型、修饰符、ID来判断是否为同一实例。当文本内容变化时，默认情况下Text的“内容”会被视为身份标识的一部分，导致视图重建。上述方案要么通过固定ID强制身份统一，要么将动画与内容更新分离，确保phaseAnimator始终附着在同一个视图实例上，从而保留动画状态，避免异常过渡。

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