Back to components
Commerce component
Product Card
Product card with optimized image, price, rating, badge overlay, and wishlist/add-to-cart actions.
Install
What it does
- Optimized product image with expo-image
- Price display with discount badge
- Rating stars with review count
- Wishlist toggle and add-to-cart actions
- Color variant dots below image
When to use
Use it
Product listing grids, catalog screens, search results, wishlist display.
Skip it
Cart items (use cart-item component), or product detail (use product-header).
Prerequisites
- Expo project with expo-image
Files & routes added
- components/commerce/product-card.tsx