💡我使用一个简单的动画，因为它是相同的一个你已经提供

方法一：对条件视图应用修饰符

将条件视图 Package 在一个组中，并根据以下条件应用模糊：

Group { // 👈 Wrap the condition
    if showDetails {
        Text("This is the label")
            .transition(.opacity.combined(with: .offset(x: -50)))
    }
}
.blur(radius: showDetails ? 0 : 10) // 👈 Use the modifier on the group

字符串

Demo

x1c 0d1x的数据

方法二：自定义转场

您可以使用自定义AnimatableModifier创建自定义过渡。
@Baffo rasta在我有时间完成我的回答之前提到了this method，应该有功劳，但这里是我的，这是他的某种重构版本：

struct Blur: AnimatableModifier {
    init(radius: Double = 0) { animatableData = radius }
    var animatableData: Double

    func body(content: Content) -> some View {
        content.blur(radius: animatableData)
    }
}

extension AnyTransition {
    static var blur: AnyTransition {
        AnyTransition.modifier(active: Blur(radius: 10.0), identity: .init())
    }
}

型

用法：

.opacity
    .combined(with: .offset(x: -50))
    .combined(with: .blur) // 👈 Combine with other transitions

型

import SwiftUI

struct BlurAnimationModifier: AnimatableModifier {
    
    var blur: Double

    var animatableData: Double {
        get { blur }
        set { blur = newValue }
    }
    
    func body(content: Content) -> some View {
        content
            .blur(radius: self.animatableData)
    }
}


extension AnyTransition {
    static var blur: AnyTransition {
        get {
            AnyTransition.modifier(
                active: BlurAnimationModifier(blur: 5.0),
                identity: BlurAnimationModifier(blur: 0.0)
            )
        }
    }
}

字符串
然后使用它如下：

.transition(
    .asymmetric(
        insertion: .opacity
            .combined(with: .offset(x: 50)),
        removal: .opacity
            .combined(with: .offset(x: -50))
    ).combined(with: .blur)
)

型