作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
是否可以通过编程方式动态地将多个 SwiftUI View 添加到父 View ?
例如假设我们有一个基本 View ,例如:
struct MyRectView: View {
var body: some View {
Rectangle()
.fill(Color.red)
.frame(width: 200, height: 200)
}
}
还有一个Button定义为:
struct MyButtonThatMakesRects: View {
var body: some View {
Button(
action: {
// Create & add Views to parent here?
// ...
},
label: {
Text("tap to create a Rect")
}
)
}
}
当点击 MyButtonThatMakesRects
时,有什么方法可以在父 View 中创建多个 MyRectView
实例?
我最初的想法与我在 UIKit 中的做法是一致的。在点击按钮时,创建一个新的 UIView()
,然后使用 .addSubview(...)
将其添加到父级。不确定 SwiftUI 是否有类似的功能。或者也许有一种我没有看到的更简单的方法来做到这一点?
最佳答案
SwiftUI 是函数式和响应式的,因此它的输出完全是状态的反射(reflect)。您必须存储和操作状态,从而生成具有所需结果的 SwiftUI View 。每次状态更改时, View 都会从头开始重建。 (不是真的,因为引擎盖下有一些有效的差异,但它是一个很好的心智模型。)
SwiftUI 提供的最简单的方法是 @State
属性包装器,因此您所要求的版本看起来像这样:
struct RootView: View {
@State private var numberOfRects = 0
var body: some View {
VStack {
Button(action: {
self.numberOfRects += 1
}) {
Text("Tap to create")
}
ForEach(0 ..< numberOfRects, id: \.self) { _ in
MyRectView()
}
}
}
}
我猜你想要的最终结果比这更复杂,但你可以使用 @State
或使用指向处理你的状态/模型的单独类的属性,用 @ObservedObject
包装器,以获取您需要的任何内容。
关于ios - 如何将 SwiftUI View 动态添加到父 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61110712/
我是一名优秀的程序员,十分优秀!