SwiftUI中是否有更简洁的方式合并两个.onReceive数据流？

需求与当前实现 #

需求：当ObservableObject实例的meLike和meDislike两个数据都就绪（非nil）时，显示指定视图SomeViewIsShown。当前实现通过两个@State变量分别监听两个数据流的变化，再判断是否显示目标视图：

@State private var showUpEmotion = false
@State private var showDownEmotion = false

HStack {
    if showUpEmotion && showDownEmotion {
        SomeViewIsShown()
    }
}
.onReceive(model.$meLike) { value in
    withAnimation {
        showUpEmotion = value != nil
    }
}
.onReceive(model.$meDislike) { value in
    withAnimation {
        showDownEmotion = value != nil
    }
}

更简洁的实现方式 #

有两种更简洁的优化方向：

1. 直接基于模型属性判断，无需额外状态变量

ObservableObject的@Published属性变化会自动触发视图刷新，因此可以直接在视图的条件判断中检查两个属性的状态，省去中间的@State变量。如果需要动画效果，给视图添加过渡动画并绑定触发条件即可：

HStack {
    // 直接判断两个属性是否都非nil
    if let _ = model.meLike, let _ = model.meDislike {
        SomeViewIsShown()
            .transition(.scale) // 添加过渡动画效果
    }
}
// 绑定动画触发的依赖值，当两个属性任一变化时触发动画
.animation(.easeInOut, value: (model.meLike, model.meDislike))

2. 合并数据流监听

如果需要在属性变化时执行额外逻辑，可以用Combine的combineLatest合并两个@Published的数据流，一次性处理两个值的变化：

// 只需一个状态变量记录是否满足显示条件
@State private var shouldShowView = false

HStack {
    if shouldShowView {
        SomeViewIsShown()
    }
}
.onReceive(model.$meLike.combineLatest(model.$meDislike)) { likeValue, dislikeValue in
    withAnimation {
        shouldShowView = likeValue != nil && dislikeValue != nil
    }
}

关于withAnimation的疑问 #

withAnimation是SwiftUI视图层专属API，它依赖当前视图的动画环境上下文，因此确实无法在ObservableObject等数据模型类中直接编译运行。如果需要在模型逻辑中触发动画，可以通过以下方式实现：

• 在模型中定义一个@Published的标记属性（比如shouldTriggerAnimation）
• 在视图中监听该属性的变化，当触发时执行withAnimation包裹的视图更新逻辑

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