SwiftUI中如何移除或替换视图上的View Modifier？

当前你的实现存在一个核心问题：每次调用addingSound(_:)都会给视图新增一个AddSoundModifier，也就是额外添加一个TapGesture。多次调用后，点击视图会触发多个手势回调，导致声音重复播放，无法实现“后续设置覆盖之前配置”的需求。

SwiftUI中没有Objective-C里objc_getAssociatedObject/objc_setAssociatedObject这类关联对象机制——因为SwiftUI的View是值类型，每次修改都会生成全新的View实例，无法直接存储或修改已有实例的引用。要实现“同类型Modifier唯一生效、后续调用覆盖之前设置”的效果，需要借助SwiftUI的状态传递机制重新设计。

解决方案：使用环境变量传递并覆盖声音设置 #

这种方式简洁直观，利用SwiftUI环境变量的自动覆盖特性实现需求：

1. 定义环境键 #

创建专属环境键来传递点击声音类型：

private struct TapSoundEnvironmentKey: EnvironmentKey {
    static var defaultValue: TapSoundType = .none
}

extension EnvironmentValues {
    var tapSound: TapSoundType {
        get { self[TapSoundEnvironmentKey.self] }
        set { self[TapSoundEnvironmentKey.self] = newValue }
    }
}

2. 实现播放逻辑Modifier #

单独创建处理手势和声音播放的Modifier，它会读取环境中的最新声音设置：

struct TapSoundHandlerModifier: ViewModifier {
    @Environment(\.tapSound) private var soundType
    
    func body(content: Content) -> some View {
        content
            .simultaneousGesture(TapGesture()
                .onEnded {
                    guard soundType != .none else { return }
                    SoundUtility.playBackgroundSoundWithUrl(soundType: soundType, bundle: nil, loopCount: 0)
                })
    }
}

3. 扩展View方法 #

添加两个View扩展方法：一个用来设置声音类型（自动覆盖之前的环境值），另一个用来启用点击播放功能：

extension View {
    // 设置点击声音类型，后续调用会直接覆盖之前的设置
    func addingSound(_ soundType: TapSoundType) -> some View {
        self.environment(\.tapSound, soundType)
    }
    
    // 启用点击播放功能，只需在目标视图上调用一次
    func enableTapSound() -> some View {
        self.modifier(TapSoundHandlerModifier())
    }
}

使用示例 #

Text("hello")
    .enableTapSound() // 仅需调用一次，启用播放逻辑
    .addingSound(.primary)
    .addingSound(.none) // 最后一次设置生效，点击不会播放声音

备选方案：使用PreferenceKey传递设置 #

如果你更倾向于用Preference机制传递状态，也可以采用以下实现：

1. 定义PreferenceKey #

struct TapSoundPreferenceKey: PreferenceKey {
    static var defaultValue: TapSoundType = .none
    
    static func reduce(value: inout TapSoundType, nextValue: () -> TapSoundType) {
        // 始终保留最新的设置，直接覆盖之前的值
        value = nextValue()
    }
}

2. 实现设置与播放Modifier #

// 仅用来传递声音设置的Modifier
struct AddSoundModifier: ViewModifier {
    var soundType: TapSoundType
    
    func body(content: Content) -> some View {
        content.preference(key: TapSoundPreferenceKey.self, value: soundType)
    }
}

// 处理播放逻辑的Modifier，监听Preference的变化
struct TapSoundHandlerModifier: ViewModifier {
    @State private var currentSoundType: TapSoundType = .none
    
    func body(content: Content) -> some View {
        content
            .onPreferenceChange(TapSoundPreferenceKey.self) { newType in
                currentSoundType = newType
            }
            .simultaneousGesture(TapGesture()
                .onEnded {
                    guard currentSoundType != .none else { return }
                    SoundUtility.playBackgroundSoundWithUrl(soundType: currentSoundType, bundle: nil, loopCount: 0)
                })
    }
}

3. View扩展方法 #

extension View {
    func addingSound(_ soundType: TapSoundType) -> some View {
        self.modifier(AddSoundModifier(soundType: soundType))
    }
    
    func enableTapSound() -> some View {
        self.modifier(TapSoundHandlerModifier())
    }
}

使用方式与环境变量方案完全一致。

核心思路说明 #

SwiftUI的View是不可变值类型，每次添加Modifier都会生成新的View实例，无法直接修改已有实例的状态。上述方案的核心逻辑是：

• 将“设置声音类型”与“处理播放逻辑”分离，仅保留一个播放逻辑的Modifier
• 通过环境变量或Preference机制传递最新的声音设置，后续设置会自动覆盖之前的值
• 播放逻辑仅读取当前最新的设置，确保点击时只执行一次对应操作

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