SwiftUI 将视图修饰符应用于视图层次结构中的特定子视图

Question

我很好奇 SwiftUI 如何应用一些可用的视图修饰符，例如keyboardShortcut ，它可以应用于任何视图，但它只适用于它在视图层次结构中找到的第一个 Button 子项：

键盘快捷键的目标是在一个或多个视图层次结构的前导到尾、深度优先遍历中解决的。 [...] 如果多个控件与同一个快捷方式相关联，则使用找到的第一个。

或与.navigationTitle相同，显然您可以将其放置在视图层次结构中的任何位置，并且它将被下一个NavigationView拾取，但是如何？ 我的意思是，我怎么能自己在 SwiftUI 中做到这一点？

仅仅放置一些随机视图修饰符对视图层次结构中的某些项目执行这种神奇的事情会很棒。

Answer 1

那些使用PreferenceKey的工作，您可以定义自己的，然后在父视图上收听PreferenceKey上的更改，同时在某些子视图上设置值。

一些非常基本的示例，您可以使用PreferenceKey MyView的标题，有点类似于navigationTitle的工作方式

struct MyPreferenceKey: PreferenceKey {
    static var defaultValue: String?

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

extension View {
    func myTitle(_ value: String) -> some View {
        preference(key: MyPreferenceKey.self, value: value)
    }
}

struct ContentView: View {
    var body: some View {
        MyView {
            VStack {
                Text("Test")
                    .myTitle("My Title Value")
            }
        }
    }
}

struct MyView<Content>: View where Content: View {
    @State private var myTitle: String?
    @ViewBuilder var content: () -> Content
    
    var body: some View {
        VStack(alignment: .leading) {
            if let myTitle = myTitle {
                Text(myTitle)
                    .font(.callout)
                    .foregroundColor(.secondary)
            }
            
            content()
        }
        .onPreferenceChange(MyPreferenceKey.self) {
            myTitle = $0
        }
    }
}