如何使我的 SwiftUI 网格视图正常工作？

Question

我正在尝试在 SwiftUI 中创建一个网格视图，由不同数量的视图元素组成。我用这个线程作为方向：UICollectionView and SwiftUI?

我有一个包含我的元素的集合，分成每个 3 个的 sn-ps：

let test = allTheRewards.filter({ !$0.completed }).chunked(into: 3)

然后，在我的“母亲视图”中，我像这样遍历它们以将数据传递给子视图元素：

VStack {

                            ForEach(self.test.indices, id:\.self) { idx in

                                HStack {

                                    ForEach(self.test[idx].indices, id:\.self) { index in

                                        HStack {


                                            TestReward(name: self.test[idx][index].name, description: self.test[idx][index].description, shape: self.test[idx][index].shape, bgStart: self.test[idx][index].bgStart, bgEnd: self.test[idx][index].bgEnd, isComplete: self.test[idx][index].completed)


                                        }

                                    }

                                }

                            }

                        }

这里的问题是编译器似乎不喜欢索引 ([idx][index]) 的那么多用途。

编译器无法合理地对该表达式进行类型检查 时间;尝试将表达式分解为不同的子表达式

当我在调用中只使用它几次来传递我的参数时它工作正常，但它不适用于当前的 6 次。编译时间增加很多，最终失败。所以我认为这可能是一种非常低效的方法。但我不知道什么是更好的解决方案。有什么想法吗？

更多信息： 在单独的元素中使用索引的数量是没有问题的，像这样：

Text("\(self.uncompletedRewards[idx][index].name)")
Text("\(self.uncompletedRewards[idx][index].description)")
Text("\(self.uncompletedRewards[idx][index].shape)")
Text("\(String(describing: (self.uncompletedRewards[idx][index].bgStart)))")
Text("\(String(describing: (self.uncompletedRewards[idx][index].bgEnd)))")
Text("\(String(self.uncompletedRewards[idx][index].completed))")

我似乎无法将这一切都放在一个电话中......

Answer 1

TestReward(model: model, row: row, column: column)

或

TestReward(row: row, column: column).environmentObject(model)

应该可以解决您的问题并显着提高代码库的可读性（以及下次维护）。