swiftui - 如何为 SwiftUI 矩形着色两种不同的颜色？

Question

假设我有一个简单的 SwiftUI 矩形，例如:

Rectangle()
  .frame(width: 20, height: 20)

如何将其中一半以 45 度角涂成白色，另一半以 45 度角涂成黑色？

我最初的猜测是用 ZStack 将两个 Rectangle 叠加在一起，但这种方式对我来说似乎很老套。

Answer 1

简单的几何形状可以通过变换形状来实现:

Rectangle()
    .rotation(.degrees(45), anchor: .bottomLeading)
    .scale(sqrt(2), anchor: .bottomLeading)
    .frame(width: 200, height: 200)
    .background(Color.red)
    .foregroundColor(Color.blue)
    .clipped()