我尝试将多个DateCardView放入ScrollView中，如下所示

如何修复DateCardView的对齐方式，使所有DateCardView都定位到顶部并从同一级别开始？

var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(alignment: .top) {
                    ForEach(dates.prefix(8), id: \.id) { date in
                        DateCardView(meetDate: date)
                    }
                }
                .padding(.horizontal, 16.0)
            }
            .padding(.bottom, 20.0)
        }
    }

struct DateCardView: View {
    @State var meetDate: MeetDate
    @State var swap = false
    var isExpired: Bool {
        Date.isAboutToExpire(date: meetDate.date)
    }
    var body: some View {
        VStack {
            Image(swap ? meetDate.user.profileImages.first! : meetDate.bgIamge)
                    .resizable()
                    .cornerRadius(16)
                    .overlay(
                        Image((swap ? meetDate.bgIamge : meetDate.user.profileImages.first!))
                            .resizable()
                            .cornerRadius(6)
                            .frame(width: 32, height: 40)
                            .padding(.bottom, 8)
                            .padding(.trailing, 8)
                            .onTapGesture {
                                swap.toggle()
                            }, alignment: .bottomTrailing
                    )
                    .frame(height: 154)
            VStack(alignment: .leading) {
                HStack {
                    Text(meetDate.title)
                        .font(.custom("SFCompactText-Medium", size: 18))
                        .lineLimit(2)
                }
                HStack {
                    Text(Date.yearString(date: meetDate.date))
                    Text(Date.timeString(date: meetDate.date))
                        .foregroundColor(isExpired ? Color("Expired") : Color.black)
                    Spacer()
                }.font(.custom("SFCompactText-Medium", size: 14))
                HStack {
                    Text(meetDate.length)
                        .font(.custom("SFCompactText-Medium", size: 12))
                    Text(meetDate.cost)
                        .font(.custom("SFCompactText-Medium", size: 12))
                        .foregroundColor(Color("cost"))
                }
            }
        }.frame(width: 138, height: 235)
    }
}