SwiftUI中传递Binding到视图修饰器时未触发的问题

你遇到的核心问题是：自定义的带Binding参数的视图修饰器不会在Binding值变化时被调用，而普通值参数的版本可以正常触发。这是因为SwiftUI不会自动追踪普通函数式修饰器中的Binding依赖，只有当修饰器作为ViewModifier结构体实现时，才能通过@Binding属性让SwiftUI感知状态变化，从而触发更新。

原因拆解 #

原代码中的changeNumber(number: Binding<Int>)只是一个普通的View扩展函数，它返回self后就不再与Binding的状态变化绑定。SwiftUI的视图更新机制依赖于状态驱动的body重建，这个函数本身不会被纳入依赖追踪体系，所以当Binding的值变化时，函数不会被重新调用。

解决方案 #

方案1：基于onChange封装快速实现

直接在自定义修饰器中使用onChange监听Binding值的变化，这是最简单的实现方式：

import SwiftUI

extension View {
    func changeNumber(number: Binding<Int>) -> some View {
        self.onChange(of: number.wrappedValue) { newValue in
            print("Binding value updated to:", newValue)
        }
    }
}

struct DebugView: View {
    @State var number = 0
    
    var body: some View {
        VStack {
            Button("Change Number") {
                number = Int.random(in: 0..<50)
            }
            
            Text("Hello, World!")
                .changeNumber(number: $number)
        }
    }
}

方案2：基于ViewModifier实现（贴近Apple官方思路）

如果需要更复杂的逻辑，或者想和Apple官方修饰器的实现方式对齐，可以用ViewModifier结构体来封装：

import SwiftUI

// 定义ViewModifier结构体，通过@Binding追踪状态
struct ChangeNumberModifier: ViewModifier {
    @Binding var number: Int
    
    func body(content: Content) -> some View {
        // 视图重建时会调用这里
        print("Modifier body triggered, current number:", number)
        return content
            .onChange(of: number) { newValue in
                // 监听值的具体变化
                print("Binding value changed to:", newValue)
            }
    }
}

// 扩展View，提供便捷调用方法
extension View {
    func changeNumber(number: Binding<Int>) -> some View {
        self.modifier(ChangeNumberModifier(number: number))
    }
}

struct DebugView: View {
    @State var number = 0
    
    var body: some View {
        VStack {
            Button("Change Number") {
                number = Int.random(in: 0..<50)
            }
            
            Text("Hello, World!")
                .changeNumber(number: $number)
        }
    }
}

为什么这两种方案可行？ #

• 方案1中的onChange是SwiftUI内置的状态监听修饰器，它会将Binding的变化与视图的更新绑定，值变化时自动触发闭包。
• 方案2中的ViewModifier结构体通过@Binding属性让SwiftUI感知到状态依赖，当Binding的值变化时，使用该修饰器的视图会重建，从而调用body方法，同时onChange可以精准监听值的变化事件。

Apple官方的presentationDetents(selection:)等修饰器，本质上也是基于ViewModifier实现的，通过@Binding来同步状态变化。

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