SwiftUI：如何让OnReceive仅响应单个Picker的变化

我正在开发一款闪卡类App，包含三个Picker：

• 第一个用于选择卡组
• 第二个选择展示内容
• 第三个选择猜测内容（针对三元卡）

我为每个Picker附加了.onReceive方法，期望Picker值变化时执行对应操作，但现在改变任意一个Picker的值都会触发所有.onReceive方法。

相关代码如下：

VStack {
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $selectedTopic, label: Text(topicPickerLabel)) {
        ForEach(0 ..< topics.count) {
          Text(self.topics[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(topicDisabled)
      .onReceive([self.selectedTopic].publisher.first()) { (value) in
        TopicSelected(value: value) }
    }
    
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $shownSelected, label: Text(shownPickerLabel)) {
        ForEach(0 ..< shownChoices.count) {
          Text(self.shownChoices[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(shownDisabled)
      .onReceive([self.selectedTopic].publisher.first()) { (value) in
        ShownSelected(value: value) }
    }
    
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $guessSelected, label: Text(guessPickerLabel)) {
        ForEach(0 ..< guessChoices.count) {
          Text(self.guessChoices[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(guessDisabled)
    }
  }.padding(10)

func TopicSelected(value: Int) {
   if value > 0 {
      print("inside TopicSelected: \(value)")
      shownDisabled = false
   }

 }

func ShownSelected(value: Int) {
  if value > 0 {
    print("inside ShownSelected: \(value)")
    guessDisabled = false
  }

}

修改单个Picker值时，打印结果如下：

inside ShownSelected: 7
inside TopicSelected: 7
inside ShownSelected: 7
inside TopicSelected: 7

请问如何实现仅触发被操作Picker对应的.onReceive方法，而非全部？

问题根源在于两个错误的实现逻辑：

1. 监听对象错误：第二个Picker的.onReceive错误监听了selectedTopic的发布者，而非自身绑定的shownSelected，导致selectedTopic变化或视图刷新时都会触发该方法。
2. 错误的发布者创建方式：[self.selectedTopic].publisher.first()会在视图每次刷新时生成新发布者并发送当前值，这不是监听状态变化的正确方式——应该直接使用绑定变量的发布者。

正确的修改方式：

• 每个Picker的.onReceive仅监听自身绑定状态的发布者
• 使用$变量名（绑定的发布者）来监听值变化，确保只有当前Picker的状态改变时才触发回调

修改后的代码：

VStack {
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $selectedTopic, label: Text(topicPickerLabel)) {
        ForEach(0 ..< topics.count) {
          Text(self.topics[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(topicDisabled)
      // 监听selectedTopic的绑定发布者，仅在值变化时触发
      .onReceive($selectedTopic) { value in
        TopicSelected(value: value)
      }
    }
    
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $shownSelected, label: Text(shownPickerLabel)) {
        ForEach(0 ..< shownChoices.count) {
          Text(self.shownChoices[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(shownDisabled)
      // 改为监听自身的shownSelected绑定发布者
      .onReceive($shownSelected) { value in
        ShownSelected(value: value)
      }
    }
    
    ZStack {
      RoundedRectangle(cornerRadius: 20.0)
        .strokeBorder(.black, lineWidth: 1.0)
        .background(.white)
        .frame(height: pickerHeight)
      Picker(selection: $guessSelected, label: Text(guessPickerLabel)) {
        ForEach(0 ..< guessChoices.count) {
          Text(self.guessChoices[$0]).tag($0)
        }
      }
      .pickerStyle(.menu)
      .disabled(guessDisabled)
      // 若需为第三个Picker添加监听，同样使用$guessSelected
      // .onReceive($guessSelected) { value in
      //   GuessSelected(value: value)
      // }
    }
  }.padding(10)

如果你的状态变量是ViewModel中的@Published属性，只需把$selectedTopic替换为viewModel.$selectedTopic即可，原理一致。

修改后，每个Picker的值变化只会触发自身对应的.onReceive方法，不会再干扰其他Picker的回调逻辑。

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