如何使Rectangle（）和DatePicker重叠？

Question

因此，我正在尝试移动矩形，以使其看起来像DatePicker（）UI元素底部的一点：

import SwiftUI

struct TimeSelectorView: View {
    @State private var selectedDay: Date = Date()
    var body: some View {
        VStack {
            DatePicker(selection: $selectedDay, in: Date()..., displayedComponents: .date) {
                Text("")
            }.frame(width: UIScreen.main.bounds.width * 0.75)
             .clipped()
             .background(Color.white)
             .cornerRadius(15)
            Rectangle()
            .fill(Color.white)
            .frame(width: 25, height: 25)
            .rotationEffect(Angle(degrees: 45))
            .padding(.bottom, 15)
        }
    }
}

Answer 1

要创建重叠视图，可以使用ZStack。

SwiftUI具有用于创建重叠内容的专用堆栈类型， 如果您想在图片上放置一些文字以用于 例。它叫做ZStack，它的工作原理与其他两个相同 堆栈类型[HStack，VStack]。

在下面的示例中，DatePicker将放置在Rectangle的后面：

ZStack {
    DatePicker(...)
    Rectangle()
}

您可以在本教程中找到更多信息：How to layer views on top of each other using ZStack?