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

Question

当我将“Grid”（ 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)
    )
}

}

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

标签： swiftswiftui

Answer 1

无法重新创建它，因为您的代码不完整，但应用

.aspectRatio(contentMode: .fit)

要么 toGrid要么 allVStack应该强制单元格具有正确的大小。