使用 .onPreferenceChange() 监听变化

在 SwiftUI 中，.onPreferenceChange() 是一个强大的工具，它允许你监听 PreferenceKey 值的变化，并据此更新视图。这为实现逆向数据流提供了极大的灵活性。让我们深入了解如何使用它！🚀

监听 Preference 变化

.onPreferenceChange() 附加到视图上，并接收一个 PreferenceKey 作为参数。每当该 PreferenceKey 的值发生变化时，闭包就会被调用。这使你能够响应子视图中的变化，并在父视图中执行相应的操作。

struct ContentView: View {
    @State private var text: String = ""

    var body: some View {
        VStack {
            TextField("输入文字", text: $text)
                .preference(key: TextPreferenceKey.self, value: text)

            Text("你输入的是：\(text)")
        }
        .onPreferenceChange(TextPreferenceKey.self) { value in
            self.text = value
        }
    }
}

struct TextPreferenceKey: PreferenceKey {
    static var defaultValue: String = ""

    static func reduce(value: inout String, nextValue: () -> String) {
        value = nextValue()
    }
}

实际应用场景

.onPreferenceChange() 在许多场景中都非常有用。例如，你可以使用它来：

1. 同步视图状态：当子视图的状态发生变化时，更新父视图的状态。
2. 实现自定义导航栏：根据滚动位置动态更改导航栏的标题。
3. 创建响应式布局：根据子视图的大小调整父视图的布局。

优化技巧

虽然 .onPreferenceChange() 非常强大，但过度使用可能会导致性能问题。为了优化性能，请记住以下几点：

• 只监听必要的 PreferenceKey：避免监听不必要的 PreferenceKey，以减少闭包的调用次数。
• 避免在闭包中执行复杂操作：闭包应该尽可能简单，避免执行耗时的操作。
• 使用 Equatable 协议：确保你的 PreferenceKey 的值类型遵循 Equatable 协议，以便 SwiftUI 可以更有效地检测变化。

struct MyPreferenceKey: PreferenceKey {
    static var defaultValue: Int = 0
    static func reduce(value: inout Int, nextValue: () -> Int) {
        value = nextValue()
    }
}

struct MyView: View {
    @State private var counter = 0

    var body: some View {
        VStack {
            Text("Counter: \(counter)")
            Button("Increment") {
                counter += 1
            }
            .preference(key: MyPreferenceKey.self, value: counter)
        }
        .onPreferenceChange(MyPreferenceKey.self) { newValue in
            print("Counter changed to: \(newValue)")
        }
    }
}

通过合理使用 .onPreferenceChange()，你可以构建出更加灵活和响应式的 SwiftUI 应用。记住，理解其工作原理和潜在的性能影响至关重要。祝你编码愉快！🎉