如何访问 SwiftUI 中的子视图？

Question

我正在研究 SwiftUI，感觉它与 React 非常相似。刚才我正在自定义 SwiftUI 的 Button 并且遇到了无法动态访问 Button 的子视图的问题 以下代码是我要做的：

struct FullButton : View {
  var action: () -> Void
  var body: some View {
    Button(action: action) {
      // render children views here even what is that
      children
    }
  }
}

和用法：

VStack {
  FullButton(action: {
    print('touched')
  }) {
    Text("Button")
  }
}

请问，我有什么错误的想法吗？

更新

取决于@graycampbell 的回答我尝试如下

struct FullButton<Label> where Label : View {
    var action: () -> Void
    var label: () -> Label

    init(action: @escaping () -> Void, @ViewBuilder label: @escaping () -> Label) {
        self.action = action
        self.label = label
    }

    var body: some View {
        Button(action: action, label: label)
    }
}

所以FullButton看起来和它本身一样好。但是此时我在使用中还有另一个编译错误。

VStack {
    FullButton(action: { print("touched") }) {
        Text("Fullbutton")
    }
}

错误是Referencing initializer 'init(alignment:spacing:content:)' on 'VStack' requires that 'FullButton<Text>' conform to 'View'。
意思FullButton是body现在还没有回来？
我不确定为什么会这样，因为FullButton仍然扩展了View类。
请让我知道body该类型类的正确定义是什么。

Answer 1

如果我正确理解您的问题，这就是您要找的：

struct FullButton<Label>: View where Label: View {
    var action: () -> Void
    var label: () -> Label

    var body: some View {
        Button(action: self.action, label: self.label)
    }
}

这将允许您传递想要在按钮上显示的任何内容，这意味着您在此处拥有的代码现在可以工作：

FullButton(action: {
    print("touched")
}) {
    Text("Button")
}

更新

在多次查看您的问题后，我意识到您的困惑源于对创建正常Button.

在下面的代码中，我正在创建一个Button. 该按钮有两个参数 -action和label。

Button(action: {}, label: {
    Text("Button")
})

如果我们查看 的文档Button，我们会看到它是这样声明的：

struct Button<Label> where Label : View

如果我们再看看初始化器，我们会看到：

init(action: @escaping () -> Void, @ViewBuilder label: () -> Label)

双方action并label期待关闭。action期望返回类型为的闭包Void，并label期望返回类型为的@ViewBuilder闭包Label。正如在 for 的声明中所定义的Button，Label是一个表示 a 的泛型View，所以实际上，label期望一个返回 a 的闭包View。

这不是Button. 以HStack为例：

struct HStack<Content> where Content : View

init(alignment: VerticalAlignment = .center, spacing: Length? = nil, @ViewBuilder content: () -> Content)

Content在这里起到与Labelin相同的作用Button。

还有一点需要注意——当我们创建一个这样的按钮时......

Button(action: {}) {
    Text("Button")
}

...我们实际上正在做同样的事情：

Button(action: {}, label: {
    Text("Button")
})

在 Swift 中，当方法调用中的最后一个参数是闭包时，我们可以省略参数标签并将闭包附加到右括号的外面。

在 SwiftUI 中，您不能将内容隐式传递给任何View. 在View必须明确接受一个@ViewBuilder在其初始关闭。

因此，您不能将@ViewBuilder闭包传递给，FullButton除非在其初始值设定项中FullButton接受@ViewBuilder闭包作为参数，如我的回答开头所示。