swift - 列表涵盖 SwiftUI 中的自定义 View

Question

当我将“网格”(Github URL)放入列表时，我目前遇到 SwiftUI 问题，它被下一个单元格覆盖。但是当我展开“文本”时，单元格变大了。

List(0 ..< colorArray.count) { i in
VStack(alignment: .leading, spacing: 8) {
    Text("a")
        .font(.body)
        .multilineTextAlignment(.leading)
        .padding(.horizontal, 10)
        .lineLimit(nil)
    Grid {
        ForEach(self.colorArray[i], id: \.self) { color in
            RoundedRectangle(cornerRadius: 10)
                .foregroundColor(Color(color))
                .frame(width: 80.0, height:80.0)
                .overlay(
                    RoundedRectangle(cornerRadius: 10)
                        .stroke(Color(UIColor.label),
                                lineWidth: 0.5)
            )
        }
    }
    .padding(.horizontal, 8)
    .gridStyle(
        AutoColumnsGridStyle(minItemWidth: 80, itemHeight: 80, hSpacing: 8, vSpacing: 8)
    )
}

我怎样才能使“网格”不会像下图那样被掩盖。

Answer 1

重新创建这个是不可能的，因为你的代码不完整，但是可以应用

.aspectRatio(contentMode: .fit)

Grid 或整个 VStack 都应强制单元格具有正确的大小。