CardView-scrolling.swift

struct CardView: View {
    
    var title: String
    var description: String
    var price: Double
    var isOnSale: Bool
    
    private let cardHeight: CGFloat = 300.0
    private let cardWidth: CGFloat = 200.0
        
    var body: some View {
        VStack(alignment: .leading) {
            
            Spacer()
            
            HStack {
                Spacer()
                Text(title).font(Font.system(.headline))
                Spacer()
            }
            
            Spacer()
            
            Image(title.lowercased()).resizable().aspectRatio(contentMode: .fit).frame(width: cardWidth, height: cardWidth / 2, alignment: .center)
            
            Spacer()
                            
            Text(description).multilineTextAlignment(.leading)
                .lineLimit(2)
                .frame(height: 50.0, alignment: .top)
                .foregroundColor(Color.black)
                .padding(.horizontal, 14.0)
            
            Spacer()
            
            Rectangle().frame(height: 1.0).foregroundColor(Color.gray)
            
            VStack(alignment: .leading) {
                Text("$\(String(format:"%.02f", price))")
                    .foregroundColor(Color.black)
                Text(isOnSale ? "On Sale" : "")
                    .foregroundColor(Color.green)
                    .padding(.top, 5.0)
            }
            .padding(EdgeInsets(top: 10.4, leading: 14.0, bottom: 15.3, trailing: .zero))
        }
        .frame(width: cardWidth, height: cardHeight)
        .cornerRadius(4.0)
        .background(Color.white)
        .border(Color.gray, width: 1.0)
    }
    
}