Skip to content

Instantly share code, notes, and snippets.

@BuildCodelessly

BuildCodelessly/0RR4kfln1DsItfOvqD4c.dart

Created May 7, 2024 00:34
Show Gist options
  • Save BuildCodelessly/bdb8e085f4021a86426c466086225b1a to your computer and use it in GitHub Desktop.
Save BuildCodelessly/bdb8e085f4021a86426c466086225b1a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RR4kfln1DsItfOvqD4c.dart
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: 375,
height: 1805,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(
parent: BouncingScrollPhysics(),
),
child: SizedBox(
width: double.infinity,
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