Вызов функции родителя от потомка ребенка в SwiftUI

Question

У меня есть ParentView, который передает функцию в ChildView, затем функция вызывается в ParentView при нажатии кнопки в ChildView. Но что, если я хочу, чтобы Child of the Child вызывал функцию? Нужно ли передавать функцию дальше вниз или есть способ сделать функцию доступной как-нибудь во всей среде?

struct ParentView: View {
    func parentFunction() {
        print("parentFunction called")
    }

    var body: some View {
        ChildView(p: parentFunction)
    }
}


struct ChildView: View {
    var p: () -> ()
    var body: some View {
        VStack {
            Text("child view")
            Button(action: {
                self.p()
            }) {
                Image(systemName: "person")
            }
        }
    }
}

Answer 1

Да, это можно сделать с помощью пользовательской EnvironmentKey, а затем использовать ее, чтобы установить функцию среды родительского представления, которая будет доступна для всех подпредставлений.

Вот демонстрационная версия подхода

struct ParentFunctionKey: EnvironmentKey {
    static let defaultValue: (() -> Void)? = nil
}

extension EnvironmentValues {
    var parentFunction: (() -> Void)? {
        get { self[ParentFunctionKey.self] }
        set { self[ParentFunctionKey.self] = newValue }
    }
}

struct ParentView: View {
    func parentFunction() {
        print("parentFunction called")
    }

    var body: some View {
        VStack {
            ChildView()
        }
        .environment(\.parentFunction, parentFunction) // set in parent
    }
}

struct ChildView: View {
    @Environment(\.parentFunction) var parentFunction // join in child
    var body: some View {
        VStack {
            Text("child view")
            Button(action: {
                self.parentFunction?() // < use in child
            }) {
                Image(systemName: "person")
            }
            Divider()
            SubChildView()
        }
    }
}

struct SubChildView: View {
    @Environment(\.parentFunction) var parentFunction // join in next subchild
    var body: some View {
        VStack {
            Text("Subchild view")
            Button(action: {
                self.parentFunction?() // use in next subchild
            }) {
                Image(systemName: "person.2")
            }
        }
    }
}