Created
May 7, 2024 00:34
-
-
Save BuildCodelessly/7167f423b800b89bd795038527e08dec to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/material.dart'; | |
import 'package:google_fonts/google_fonts.dart'; | |
void main() { | |
runApp(const MyApp()); | |
} | |
class MyApp extends StatelessWidget { | |
const MyApp({super.key}); | |
@override | |
Widget build(BuildContext context) { | |
return const MaterialApp( | |
title: 'MyApp Demo', | |
debugShowCheckedModeBanner: false, | |
home: Scaffold( | |
body: ProductDetail(), | |
), | |
); | |
} | |
} | |
class ProductDetail extends StatelessWidget { | |
const ProductDetail({super.key}); | |
@override | |
Widget build(BuildContext context) { | |
return Container( | |
width: double.infinity, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration( | |
color: Colors.white, | |
), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 122, | |
child: Container( | |
width: 375, | |
height: 238, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
), | |
), | |
Positioned( | |
left: 151, | |
top: 376, | |
child: Container( | |
width: 8, | |
height: 8, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFEAEFFF), | |
borderRadius: BorderRadius.circular(4), | |
), | |
), | |
), | |
Positioned( | |
left: 167, | |
top: 376, | |
child: Container( | |
width: 8, | |
height: 8, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFEAEFFF), | |
borderRadius: BorderRadius.circular(4), | |
), | |
), | |
), | |
Positioned( | |
left: 183, | |
top: 376, | |
child: Container( | |
width: 8, | |
height: 8, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF40BFFF), | |
borderRadius: BorderRadius.circular(4), | |
), | |
), | |
), | |
Positioned( | |
left: 199, | |
top: 376, | |
child: Container( | |
width: 8, | |
height: 8, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFEAEFFF), | |
borderRadius: BorderRadius.circular(4), | |
), | |
), | |
), | |
Positioned( | |
left: 215, | |
top: 376, | |
child: Container( | |
width: 8, | |
height: 8, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFEAEFFF), | |
borderRadius: BorderRadius.circular(4), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 399, | |
child: SizedBox( | |
width: 279, | |
child: Text( | |
'Nike Air Zoom Pegasus 36 Miami', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 20, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 335, | |
top: 402, | |
child: Container( | |
width: 24, | |
height: 24, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 3, | |
top: 4, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fdcffe04764dc70a80ff24c50003aaa2d.png', | |
width: 20, | |
height: 18, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 468, | |
child: SizedBox( | |
width: 96, | |
height: 16, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fa31b53de608b5215933c13dce23f3670.png', | |
width: 96, | |
height: 16, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 499, | |
child: Text( | |
'\$299,43', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF40BFFF), | |
fontSize: 20, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 553, | |
child: Text( | |
'Select Size', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(24), | |
), | |
), | |
), | |
Positioned( | |
left: 35, | |
top: 600, | |
child: Text( | |
'6', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 80, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 92, | |
top: 600, | |
child: Text( | |
'6.5', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 144, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFF40BFFF), | |
), | |
borderRadius: BorderRadius.circular(24), | |
), | |
), | |
), | |
Positioned( | |
left: 163, | |
top: 600, | |
child: Text( | |
'7', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 208, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 220, | |
top: 600, | |
child: Text( | |
'7.5', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 272, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 290, | |
top: 600, | |
child: Text( | |
'8', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 336, | |
top: 587, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 347, | |
top: 600, | |
child: Text( | |
'8.5', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 658, | |
child: Text( | |
'Select Color', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFFFC732), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 32, | |
top: 708, | |
child: Container( | |
width: 16, | |
height: 16, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 80, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF40BFFF), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 144, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFFB7181), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 208, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF53D1B6), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 272, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF5B61F4), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 336, | |
top: 692, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF223263), | |
borderRadius: BorderRadius.circular(66), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 916, | |
child: SizedBox( | |
width: 346, | |
child: Text( | |
'The Nike Air Max 270 React ENG combines a full-length React foam midsole with a 270 Max Air unit for unrivaled comfort and a striking visual experience.', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 763, | |
child: Text( | |
'Specification', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 796, | |
child: Text( | |
'Shown:', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
Positioned( | |
left: 187, | |
top: 796, | |
child: SizedBox( | |
width: 174, | |
child: Text( | |
'Laser Blue/Anthracite/Watermelon/White', | |
textAlign: TextAlign.right, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 878, | |
child: Text( | |
'Style:', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
Positioned( | |
left: 187, | |
top: 878, | |
child: SizedBox( | |
width: 174, | |
child: Text( | |
'CD0113-400', | |
textAlign: TextAlign.right, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 1028, | |
child: Text( | |
'Review Product', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 289, | |
top: 1028, | |
child: Text( | |
'See More', | |
textAlign: TextAlign.right, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF40BFFF), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 1058, | |
child: SizedBox( | |
width: 96, | |
height: 16, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fa31b53de608b5215933c13dce23f3670.png', | |
width: 96, | |
height: 16, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 119, | |
top: 1057, | |
child: Text( | |
'4.5', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 140, | |
top: 1057, | |
child: Text( | |
'(5 Review)', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 1090, | |
child: Container( | |
width: 343, | |
height: 293, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Container( | |
width: 48, | |
height: 48, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(24), | |
), | |
), | |
), | |
Positioned( | |
left: 63, | |
top: 2, | |
child: Text( | |
'James Lawson', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 64, | |
top: 28, | |
child: SizedBox( | |
width: 96, | |
height: 16, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fa31b53de608b5215933c13dce23f3670.png', | |
width: 96, | |
height: 16, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: -1, | |
top: 63, | |
child: SizedBox( | |
width: 346, | |
child: Text( | |
'air max are always very comfortable fit, clean and just perfect in every way. just the box was too small and scrunched the sneakers up a little bit, not sure if the box was always this small but the 90s are and will always be one of my favorites.', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 12, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 168, | |
top: 190, | |
child: Container( | |
width: 72, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(5), | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 190, | |
child: Container( | |
width: 72, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(8), | |
), | |
), | |
), | |
Positioned( | |
left: 84, | |
top: 190, | |
child: Container( | |
width: 72, | |
height: 72, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(8), | |
), | |
), | |
), | |
Positioned( | |
left: -1, | |
top: 277, | |
child: SizedBox( | |
width: 345, | |
child: Text( | |
'December 10, 2016', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 1405, | |
child: Text( | |
'You Might Also Like', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 1439, | |
child: Container( | |
width: 141, | |
height: 238, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(5), | |
), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 16, | |
top: 16, | |
child: Container( | |
width: 109, | |
height: 109, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(5), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 132, | |
child: SizedBox( | |
width: 112, | |
child: Text( | |
'FS - Nike Air Max 270 React...', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 176, | |
child: Text( | |
'\$299,43', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF40BFFF), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 207, | |
child: Container( | |
width: 109, | |
height: 15, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: -1, | |
top: -1, | |
child: Text( | |
'\$534,33', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
letterSpacing: 1, | |
height: 1.5, | |
decoration: TextDecoration.lineThrough, | |
), | |
), | |
), | |
Positioned( | |
left: 49, | |
top: -1, | |
child: SizedBox( | |
width: 61, | |
child: Text( | |
'24% Off', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFFFB7181), | |
fontSize: 10, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 173, | |
top: 1439, | |
child: Container( | |
width: 141, | |
height: 238, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(5), | |
), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 16, | |
top: 16, | |
child: Container( | |
width: 109, | |
height: 109, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(5), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 132, | |
child: SizedBox( | |
width: 112, | |
child: Text( | |
'FS - QUILTED MAXI CROS...', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 176, | |
child: Text( | |
'\$299,43', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF40BFFF), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 207, | |
child: Container( | |
width: 109, | |
height: 15, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: -1, | |
top: -1, | |
child: Text( | |
'\$534,33', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
letterSpacing: 1, | |
height: 1.5, | |
decoration: TextDecoration.lineThrough, | |
), | |
), | |
), | |
Positioned( | |
left: 49, | |
top: -1, | |
child: SizedBox( | |
width: 61, | |
child: Text( | |
'24% Off', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFFFB7181), | |
fontSize: 10, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 330, | |
top: 1439, | |
child: Container( | |
width: 141, | |
height: 238, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: Colors.white, | |
border: Border.all( | |
color: const Color(0xFFEAEFFF), | |
), | |
borderRadius: BorderRadius.circular(5), | |
), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 16, | |
top: 16, | |
child: Container( | |
width: 109, | |
height: 109, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(5), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 132, | |
child: SizedBox( | |
width: 112, | |
child: Text( | |
'FS - Nike Air Max 270 React...', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
), | |
Positioned( | |
left: 15, | |
top: 176, | |
child: Text( | |
'\$299,43', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF40BFFF), | |
fontSize: 12, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 207, | |
child: Container( | |
width: 109, | |
height: 15, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: -1, | |
top: -1, | |
child: Text( | |
'\$534,33', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF9098B1), | |
fontSize: 10, | |
letterSpacing: 1, | |
height: 1.5, | |
decoration: TextDecoration.lineThrough, | |
), | |
), | |
), | |
Positioned( | |
left: 49, | |
top: -1, | |
child: SizedBox( | |
width: 61, | |
child: Text( | |
'24% Off', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFFFB7181), | |
fontSize: 10, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 51, | |
top: 69, | |
child: Text( | |
'Nike Air Max 270 Rea...', | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: const Color(0xFF223263), | |
fontSize: 16, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.5, | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 70, | |
child: Container( | |
width: 24, | |
height: 24, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 9, | |
top: 6, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fe105fbaf47b0f14ed7d4d7818ab65329.png', | |
width: 8, | |
height: 14, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 335, | |
top: 70, | |
child: Container( | |
width: 24, | |
height: 24, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 10, | |
top: 3, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fe317fb4f43420f15cb3c0a54177908a6.png', | |
width: 4, | |
height: 18, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 295, | |
top: 70, | |
child: Container( | |
width: 24, | |
height: 24, | |
clipBehavior: Clip.hardEdge, | |
decoration: const BoxDecoration(), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 3, | |
top: 3, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F79be14a30112f2a34a36deb040fae0fe.png', | |
width: 18, | |
height: 18, | |
fit: BoxFit.contain, | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 0, | |
child: Container( | |
width: 375, | |
height: 44, | |
color: Colors.white, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 336, | |
top: 17, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2Fd2a5f5081586298b68b569d6a3a90b1d.png', | |
width: 24, | |
height: 11, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 169, | |
top: 16, | |
child: Image.network( | |
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FcYJCR2YYUYPqx0igw8Nz%2F2ec486c436ed4fa96a4ae455961107a4.png', | |
width: 37, | |
height: 11, | |
fit: BoxFit.contain, | |
), | |
), | |
Positioned( | |
left: 21, | |
top: 12, | |
child: SizedBox( | |
width: 54, | |
height: 21, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 0, | |
top: 2, | |
child: SizedBox( | |
width: 56, | |
height: 18, | |
child: Text( | |
'9:41', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Inter', | |
color: const Color(0xFF223263), | |
fontSize: 15, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 16, | |
top: 1698, | |
child: Container( | |
width: 343, | |
height: 57, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFF40BFFF), | |
borderRadius: BorderRadius.circular(5), | |
boxShadow: const [ | |
BoxShadow( | |
color: Color(0x3D40BFFF), | |
spreadRadius: 0, | |
offset: Offset(0, 10), | |
blurRadius: 30, | |
) | |
], | |
), | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 121, | |
top: 15, | |
child: SizedBox( | |
width: 102, | |
child: Text( | |
'Add To Cart', | |
textAlign: TextAlign.center, | |
style: GoogleFonts.getFont( | |
'Poppins', | |
color: Colors.white, | |
fontSize: 14, | |
fontWeight: FontWeight.bold, | |
letterSpacing: 1, | |
height: 1.8, | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
Positioned( | |
left: 0, | |
top: 1780, | |
child: SizedBox( | |
width: 375, | |
height: 25, | |
child: Stack( | |
clipBehavior: Clip.none, | |
children: [ | |
Positioned( | |
left: 121, | |
top: 12, | |
child: Opacity( | |
opacity: 0.5, | |
child: Container( | |
width: 134, | |
height: 5, | |
clipBehavior: Clip.hardEdge, | |
decoration: BoxDecoration( | |
color: const Color(0xFFD1D6E7), | |
borderRadius: BorderRadius.circular(100), | |
), | |
), | |
), | |
) | |
], | |
), | |
), | |
) | |
], | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment