我正在构建一个带有卡片的网格,其顶部有图像视图,底部有一些文本。以下是该组件的 swift UI 代码:
struct Main: View {
var body: some View {
ScrollView {
LazyVGrid(columns: .init(repeating: .init(.flexible()), count: 2)) {
ForEach(0..<6) { _ in
ZStack {
Rectangle()
.foregroundColor(Color(UIColor.random))
VStack {
Rectangle()
.frame(minHeight: 72)
Text(ipsum)
.fixedSize(horizontal: false, vertical: true)
.padding()
}
}.clipShape(RoundedRectangle(cornerRadius: 10))
}
}.padding()
}.frame(width: 400, height: 600)
}
}
Run Code Online (Sandbox Code Playgroud)
该组件输出以下布局:
这看起来很棒,但我想在卡片组件中添加一个几何读取器,以便根据封闭网格列的宽度缩放顶部图像视图。据我所知,该代码应该如下所示:
struct Main: View {
var body: some View {
ScrollView {
LazyVGrid(columns: .init(repeating: .init(.flexible()), count: 2)) {
ForEach(0..<6) { _ in
ZStack {
Rectangle()
.foregroundColor(Color(UIColor.random))
VStack { …
Run Code Online (Sandbox Code Playgroud) 将steam postgresql连接器添加到Package.swift后出现构建错误
import PackageDescription
let package = Package(
name: "todo_vapor_swift",
dependencies: [
.Package(url: "https://github.com/vapor/vapor.git", majorVersion: 1, minor: 5),
.Package(url: "https://github.com/vapor/postgresql-provider", majorVersion: 1, minor: 0)
],
exclude: [
"Config",
"Database",
"Localization",
"Public",
"Resources",
]
Run Code Online (Sandbox Code Playgroud)
)