我正在使用SwiftUI制作一个简单的视图,其中包含一条穿过它的线。以下是(有效的)代码:
struct DrawLine: View {
let boxSize = CGFloat(300.0)
var body: some View {
ZStack {
Rectangle()
.stroke(lineWidth: 2.0)
.fill(Color.purple)
.frame(width: self.boxSize, height: self.boxSize, alignment: .center)## Heading ##
GeometryReader { geometry in
Path { path in
path.move(to: CGPoint(x: 1, y: 1))
path.addLine(to: CGPoint(x: geometry.size.width - 1, y: geometry.size.height - 1))
}
.stroke(lineWidth: 2)
.fill(Color.orange)
}
}
.frame(width: 50, height: 50).border(Color.black)
}
}
这个代码效果很好,如下所示:
但是,如果我删除定义ZStack框架的部分(.frame(width: 50, height: 50)
),则该行会像下面所示占据整个屏幕。为什么会这样呢?