Open1

上半分がはみ出るようなカードデザイン

ほすほす

@ViewBuilder
func productCardView(product: Product) -> some View {
    VStack(spacing: 10.0) {
        // 画像
        Image(product.productImage)
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: getRect().width / 2.5, height: getRect().width / 2.5)
        // 画像を上部に移動する.
            .offset(y: -80)
            .padding(.bottom, -80)
        // タイトルなど
        Text(product.title)
            .font(.custom(customFont, size: 18))
            .fontWeight(.semibold)
            .padding(.top)
    }
    .padding(.horizontal, 20)
    .padding(.bottom, 22)
    .background(
        Color.white.cornerRadius(25)
    )
}