使用 PreferenceKey 从子视图向上传递数据

使用 PreferenceKey 从子视图向上传递数据，就像搭起一座桥梁，让信息从深藏的子视图轻松传递到父视图。这是一种非常强大的技术，尤其是在你需要收集多个子视图的信息，并在父视图中进行汇总或处理时。让我们一起探索如何使用它吧！🚀

PreferenceKey 的基本概念

PreferenceKey 就像一个信使，它定义了数据的类型以及如何合并来自不同视图的数据。你需要创建一个遵循 PreferenceKey 协议的结构体。这个结构体需要定义两个关键部分：

• Value：这是你要传递的数据类型。它可以是任何类型，例如 Int、String，甚至是自定义的结构体或类。
• reduce(value:nextValue:)：这是一个静态方法，用于合并来自不同子视图的值。例如，如果你传递的是数字，你可以选择将它们相加；如果传递的是字符串，你可以将它们连接起来。

struct MyPreferenceKey: PreferenceKey {
    static var defaultValue: Int = 0 // 默认值
    static func reduce(value: inout Int, nextValue: () -> Int) {
        value += nextValue() // 合并策略：相加
    }
}

如何使用 PreferenceKey

1. 在子视图中设置 PreferenceKey 的值：使用 .preference(key:value:) 修饰符在子视图中设置值。这个值将会“向上”传递。
2. 在父视图中读取 PreferenceKey 的值：使用 .onPreferenceChange(key:perform:) 修饰符在父视图中读取值。每当子视图中的值发生变化时，父视图都会收到通知。

struct ChildView: View {
    var body: some View {
        Text("子视图")
            .preference(key: MyPreferenceKey.self, value: 1) // 设置值
    }
}

struct ParentView: View {
    @State private var totalValue: Int = 0

    var body: some View {
        VStack {
            ChildView()
            Text("总值: \(totalValue)")
        }
        .onPreferenceChange(MyPreferenceKey.self) { value in
            totalValue = value // 读取值
        }
    }
}

实际应用场景

PreferenceKey 在很多场景下都非常有用。例如：

• 计算列表项的总高度：你可以让每个列表项报告自己的高度，然后在父视图中计算总高度。
• 收集表单数据：你可以让每个表单字段报告自己的值，然后在父视图中收集所有值并进行验证。
• 实现自定义布局：你可以让子视图报告自己的尺寸，然后在父视图中根据这些尺寸进行布局。

PreferenceKey 提供了一种灵活且强大的方式，让你可以在 SwiftUI 中实现更复杂的数据传递和视图交互。掌握它，你将能够构建更加动态和响应式的用户界面！🎉

• 收集表单数据
• 实现自定义布局
• 计算列表项的总高度

记住，PreferenceKey 是你工具箱中的一个重要工具，善用它，你会发现 SwiftUI 的无限可能！💪