文本未出现但 onAppear 触发器

Question

我正在尝试在 HStack 和 VStack 中使用 forEach。我在其中使用 Text 并且 Text 在运行时没有出现，但 onAppear 打印值。请看一下我的代码。为什么没有出现文本？我怎样才能做到这一点？

@State var sd = ["1","2","3","4","5","6","7"]

VStack {
    ForEach(0...sd.count/3) { _ in
        HStack {
            ForEach(0...2) { _ in
                if(self.sd.isEmpty) {
                } else {
                    Text("Test")
                        .onAppear() {
                            if(!self.sd.isEmpty) {
                                print("i appeared")
                                self.sd.removeFirst()
                            }
                    }
                }
            }
            Spacer()
        }
    }
}

我想在这里实现什么？

我正在尝试创建一个最多包含 3 个文本的 HStack。我在这里使用数组仅渲染文本 7 次。

具有 7 个元素的数组的预期结果--->

想要创建一个包含 3 个 HStack 的 VStack，在前 2 个 HStack 中我想渲染 Text 3 次，在最后一个 HStack 中我只想要一个 Text。 （就像我有 7 个数组元素，这就是为什么前两个 hstack 中有 3 个文本和最后一个 hstack 中有一个）。如果数组有 10 个元素，则 3 个 Hstacks 的 3 个文本，最后一个 Stack 有 1 个文本。我无法渲染 Text，因为我的数组是 @state var，每次我从中删除 firstElement 时它都会刷新 view.body。

有什么方法可以实现我试图通过仅使用 SwiftUI 来实现的这种行为。我不想使用 UICollection 视图。

Answer 1

您通常不希望更改 @State 变量作为评估 body 的副作用；在这种情况下，您的 self.sd.removeFirst() 导致 body 被标记为需要重新评估，因此 SwiftUI 一直调用它直到您的 sd 数组为空，这就是您看不到的原因正在渲染的任何东西。

要获得您想要的效果，这是您可以做到的一种方法：

import SwiftUI

struct ContentView : View {
    @State private var sd = ["1","2","3","4","5","6","7"]
    private let columns = 3

    var body: some View {
        VStack {
            ForEach(Array(stride(from: 0, to: sd.count, by: columns))) { row in
                HStack {
                    ForEach(0..<self.columns) { col in
                        if row + col < self.sd.count {
                            Text("\(self.sd[row + col])")
                        }
                    }
                }
            }
        }
    }
}

附：在body 评估中修改状态的大多数尝试似乎都会导致运行时警告Modifying state during view update, this will cause undefined behavior. - 似乎您的数组突变以某种方式回避了此检查，但希望将来会在运行时调用这种事情.