Skip to content

Instantly share code, notes, and snippets.

@BuildCodelessly

BuildCodelessly/0RR8yFhzQ0D1qEwsdyzW.dart

Created May 7, 2024 08:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save BuildCodelessly/38b7b6b170ae19cddb1594507b762f12 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save BuildCodelessly/38b7b6b170ae19cddb1594507b762f12 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RR8yFhzQ0D1qEwsdyzW.dart
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'dart:math';
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: Home(),
),
);
}
}
class Home extends StatelessWidget {
const Home({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 375,
height: 916,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SingleChildScrollView(
physics: const AlwaysScrollableScrollPhysics(),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 20,
top: 52,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F5e7e3a36f64817a7bba97794a7f3cb0b.png',
width: 24,
height: 24,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 331,
top: 52,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2Ff1a48b59e6415658b58abfae3c6093df.png',
width: 24,
height: 24,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 294,
top: 53,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F1e97b56536c78ee2f1ce960b8e61f4eb.png',
width: 19,
height: 22,
fit: BoxFit.contain,
),
),
Positioned(
left: 19,
top: 322,
child: Text(
'Limited Edition',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 18,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 308,
top: 325,
child: Text(
'View all',
textAlign: TextAlign.right,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF4B46B8),
fontSize: 12,
height: 1,
),
),
),
Positioned(
left: 91,
top: 357,
child: Container(
width: 194,
height: 277,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Color(0x38E0DFE5),
spreadRadius: -2,
offset: Offset(0, 6),
blurRadius: 20,
)
],
),
),
),
Positioned(
left: 100,
top: 366,
child: Container(
width: 176,
height: 183,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEDF0F4),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 159,
top: 603,
child: Text(
'\$ 40.00',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w600,
height: 1,
),
),
),
Positioned(
left: 133,
top: 564,
child: Text(
'Men Ash Jacket',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 164,
top: 584,
child: Text(
'Mekenzy',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 100,
top: 366,
child: Container(
width: 176,
height: 183,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFFF8F2),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 100,
top: 366,
child: Container(
width: 176,
height: 183,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2F7ee622fcfdc17eb765aa25747a3bb519b4c7e04aMen.png?alt=media&token=1600d52a-e4b3-446e-b6e5-415fb9adaf78',
width: 176,
height: 183,
fit: BoxFit.none,
alignment: const Alignment(0.536, -1),
scale: 4.131,
),
)
],
),
),
),
Positioned(
left: 245,
top: 374,
child: SizedBox.square(
dimension: 22,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F7814a2861585dc63e2731282c1c870c2.png',
width: 15,
height: 14,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 301,
top: 373,
child: Container(
width: 178,
height: 261,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Color(0x056F6E74),
spreadRadius: 1,
offset: Offset(0, 4),
blurRadius: 8,
)
],
),
),
),
Positioned(
left: 310,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEDF0F4),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 310,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFFF4F4),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 310,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2Fe85976118b15517955b1f980f48143b5619ceedeMen.png?alt=media&token=bd61c219-9d95-409b-8d55-c051774ef133',
width: 160,
height: 167,
fit: BoxFit.none,
alignment: const Alignment(0.709, -0.951),
scale: 4.240,
),
)
],
),
),
),
Positioned(
left: 439,
top: 390,
child: SizedBox.square(
dimension: 22,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F7814a2861585dc63e2731282c1c870c2.png',
width: 15,
height: 14,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 332,
top: 564,
child: Text(
'Men Black Tshirt',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 361,
top: 603,
child: Text(
'\$ 40.00',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w600,
height: 1,
),
),
),
Positioned(
left: 366,
top: 584,
child: Text(
'Mekenzy',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: -103,
top: 373,
child: Container(
width: 178,
height: 261,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Color(0x056F6E74),
spreadRadius: 1,
offset: Offset(0, 4),
blurRadius: 8,
)
],
),
),
),
Positioned(
left: -94,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFEDF0F4),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: -94,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFF5FBFF),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: -94,
top: 382,
child: Container(
width: 160,
height: 167,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2F4f841c884b7506982b1f882ff2dea660f61fe409Men.png?alt=media&token=cb6f0f3e-40f0-43e8-8ed1-e144adbdcc41',
width: 160,
height: 167,
fit: BoxFit.none,
alignment: Alignment.topRight,
scale: 4.800,
),
)
],
),
),
),
Positioned(
left: -73,
top: 564,
child: Text(
'Men White Tshirt',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: -43,
top: 603,
child: Text(
'\$ 40.00',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w600,
height: 1,
),
),
),
Positioned(
left: -38,
top: 584,
child: Text(
'Mekenzy',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 35,
top: 390,
child: SizedBox.square(
dimension: 22,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F7814a2861585dc63e2731282c1c870c2.png',
width: 15,
height: 14,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 20,
top: 100,
child: Container(
width: 271,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFBFBFB),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 36,
top: 116,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F9ae192f2973b581a92fb9854c05273ec.png',
width: 16,
height: 16,
fit: BoxFit.contain,
),
),
Positioned(
left: 67,
top: 117,
child: Text(
'Search',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 12,
height: 1,
),
),
),
Positioned(
left: 307,
top: 100,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFBFBFB),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 321,
top: 114,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F387eb5379dd2d9115dbfe3a556c12bd7.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 19,
top: 663,
child: Text(
'Most Popular',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 18,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 308,
top: 666,
child: Text(
'View all',
textAlign: TextAlign.right,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF4B46B8),
fontSize: 12,
height: 1,
),
),
),
Positioned(
left: 20,
top: 698,
child: Container(
width: 310,
height: 112,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Color(0x38E0DFE5),
spreadRadius: 0,
offset: Offset(0, 6),
blurRadius: 16,
)
],
),
),
),
Positioned(
left: 32,
top: 710,
child: Container(
width: 88,
height: 88,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFF5FAFF),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 32,
top: 710,
child: Container(
width: 88,
height: 88,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: ClipRRect(
borderRadius: BorderRadius.circular(8),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2F0b4e0f47a97fdf6ccc317d27c764dc8484fe69c1Personalized%20Crew%20Neck%20Sweatshirt%2C%20New%20Era%20French%20Terry%20Crew%2C%20Birthday%20gift%20for%20him%2C%20Fathers%20day%20present_ccexpress.png?alt=media&token=7bd84f5c-5285-4873-865d-2b1736f7523f',
width: 88,
height: 88,
fit: BoxFit.none,
alignment: const Alignment(-0.667, -1.107),
scale: 8.545,
),
),
)
],
),
),
),
Positioned(
left: 298,
top: 773,
child: Container(
width: 20,
height: 20,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF1A172B),
borderRadius: BorderRadius.circular(50),
),
),
),
Positioned(
left: 301,
top: 776,
child: Container(
width: 15,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: ClipRRect(
borderRadius: BorderRadius.circular(1),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F3a6efa095db593388a50afa0d4062d69.png',
width: 9,
height: 9,
fit: BoxFit.contain,
),
),
)
],
),
),
),
Positioned(
left: 131,
top: 714,
child: Text(
'Men Ash Sleeve T-shirt',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1.1,
),
),
),
Positioned(
left: 131,
top: 736,
child: Text(
'ZARA',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 131,
top: 781,
child: Text(
'Save 10% on this order',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 131,
top: 759,
child: Text(
'\$499',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1.1,
),
),
),
Positioned(
left: 346,
top: 698,
child: Container(
width: 310,
height: 112,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: const [
BoxShadow(
color: Color(0x38E0DFE5),
spreadRadius: 0,
offset: Offset(0, 6),
blurRadius: 16,
)
],
),
),
),
Positioned(
left: 358,
top: 710,
child: Container(
width: 88,
height: 88,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFFFFF4F4),
borderRadius: BorderRadius.circular(8),
),
),
),
Positioned(
left: 358,
top: 710,
child: Container(
width: 88,
height: 88,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: ClipRRect(
borderRadius: BorderRadius.circular(8),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2Fd74d7d9b39e6878018e4916da83eb2e6eae2b6ffPersonalized%20Crew%20Neck%20Sweatshirt%2C%20New%20Era%20French%20Terry%20Crew%2C%20Birthday%20gift%20for%20him%2C%20Fathers%20day%20present_ccexpress.png?alt=media&token=1837cd21-ff21-4e5f-b9d6-9ff8019bb2bc',
width: 88,
height: 88,
fit: BoxFit.none,
alignment: const Alignment(0.111, -0.968),
scale: 5,
),
),
)
],
),
),
),
Positioned(
left: 624,
top: 773,
child: Container(
width: 20,
height: 20,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF1A172B),
borderRadius: BorderRadius.circular(50),
),
),
),
Positioned(
left: 627,
top: 776,
child: Container(
width: 15,
height: 15,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 3,
top: 3,
child: ClipRRect(
borderRadius: BorderRadius.circular(1),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F3a6efa095db593388a50afa0d4062d69.png',
width: 9,
height: 9,
fit: BoxFit.contain,
),
),
)
],
),
),
),
Positioned(
left: 457,
top: 714,
child: Text(
'Men Ash Sleeve T-shirt',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1.1,
),
),
),
Positioned(
left: 457,
top: 736,
child: Text(
'ZARA',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 457,
top: 781,
child: Text(
'Save 10% on this order',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 11,
height: 1,
),
),
),
Positioned(
left: 457,
top: 759,
child: Text(
'\$499',
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1.1,
),
),
),
Positioned(
left: 116,
top: 180,
child: Transform.rotate(
angle: 50 * pi / 180,
child: Container(
width: 82,
height: 75,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFFFE2E0),
borderRadius: BorderRadius.all(Radius.elliptical(41, 38)),
),
),
),
),
Positioned(
left: 110,
top: 170,
child: ClipRRect(
borderRadius:
const BorderRadius.all(Radius.elliptical(48, 41)),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2F432d69b66dcef5ecd58cf25c1f3c199674e5e494Ellipse%201216.png?alt=media&token=ed6aedba-70e6-4f0e-bc07-341114705454',
width: 95,
height: 81,
fit: BoxFit.none,
alignment: const Alignment(5.933, -1.355),
scale: 5.026,
),
),
),
Positioned(
left: 141,
top: 270,
child: Text(
'Kids',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 14,
height: 1,
),
),
),
Positioned(
left: 211,
top: 180,
child: Transform.rotate(
angle: 50 * pi / 180,
child: Container(
width: 82,
height: 75,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFFFF7F4),
borderRadius: BorderRadius.all(Radius.elliptical(41, 38)),
),
),
),
),
Positioned(
left: 220,
top: 166,
child: ClipRRect(
borderRadius:
const BorderRadius.all(Radius.elliptical(48, 47)),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2F6f053dab4a377e7be7b9fea5f977e97511dc77c7Ellipse%201215.png?alt=media&token=0a981182-dbe3-409d-862a-a6fe49aa208e',
width: 97,
height: 94,
fit: BoxFit.none,
alignment: const Alignment(0.633, -1.487),
scale: 4.984,
),
),
),
Positioned(
left: 225,
top: 270,
child: Text(
'Women',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 14,
height: 1,
),
),
),
Positioned(
left: 307,
top: 180,
child: Transform.rotate(
angle: 50 * pi / 180,
child: Container(
width: 82,
height: 75,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFEAF6FF),
borderRadius: BorderRadius.all(Radius.elliptical(41, 38)),
),
),
),
),
Positioned(
left: 296,
top: 157,
child: ClipRRect(
borderRadius:
const BorderRadius.all(Radius.elliptical(55, 49)),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2Fa2f6076a09696dad16c3ea258aabdb127c0bafa9Ellipse%201215.png?alt=media&token=6a02cb21-e1a5-45a1-9ace-8acc6e60bcfc',
width: 109,
height: 98,
fit: BoxFit.none,
alignment: const Alignment(4.619, -0.537),
scale: 3.088,
),
),
),
Positioned(
left: 324,
top: 270,
child: Text(
'Family',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF868696),
fontSize: 14,
height: 1,
),
),
),
Positioned(
left: 19,
top: 180,
child: Transform.rotate(
angle: 50 * pi / 180,
child: Container(
width: 82,
height: 75,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFF8F1D2),
borderRadius: BorderRadius.all(Radius.elliptical(41, 38)),
),
),
),
),
Positioned(
left: 22,
top: 170,
child: ClipRRect(
borderRadius:
const BorderRadius.all(Radius.elliptical(45, 43)),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FVz4asXLYOzPujDgZxzPU%2Fc05fb06c61daed24c630e1eb0280e372440e3d98Ellipse%201215.png?alt=media&token=9abd3c29-2bc1-43dc-94e7-60b9eac9ebd5',
width: 90,
height: 86,
fit: BoxFit.none,
alignment: const Alignment(6.067, -1.456),
scale: 8.307,
),
),
),
Positioned(
left: 43,
top: 270,
child: Text(
'Man',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Be Vietnam Pro',
color: const Color(0xFF1A172B),
fontSize: 14,
fontWeight: FontWeight.w500,
height: 1,
),
),
),
Positioned(
left: 58,
top: 289,
child: Container(
width: 4,
height: 4,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF4B46B8),
borderRadius: BorderRadius.circular(2),
),
),
),
Positioned(
left: 157,
top: 803,
child: Container(
width: 62,
height: 62,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF4B46B8),
borderRadius: BorderRadius.circular(31),
boxShadow: const [
BoxShadow(
color: Color(0x2D4A46B8),
spreadRadius: 0,
offset: Offset(0, 9),
blurRadius: 20,
)
],
),
),
),
Positioned(
left: 178,
top: 823,
child: ClipRRect(
borderRadius: BorderRadius.circular(4),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F43b07660337b535895ecd8ae2694363f.png',
width: 20,
height: 22,
fit: BoxFit.contain,
),
),
),
Positioned(
left: -16,
top: 812,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F45871e8948a1e84db4f34158bb469e4d.png',
width: 407,
height: 114,
fit: BoxFit.contain,
),
),
Positioned(
left: 253,
top: 862,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2Fbc85a8281bbdf9a2a20a074a7cb42396.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 329,
top: 873,
child: Container(
width: 16,
height: 9,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 1.5,
color: const Color(0xFF868696),
),
borderRadius:
const BorderRadius.all(Radius.elliptical(8, 5)),
),
),
),
Positioned(
left: 332,
top: 862,
child: Container(
width: 10,
height: 10,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 1.5,
color: const Color(0xFF868696),
),
borderRadius: BorderRadius.circular(5),
),
),
),
Positioned(
left: 28,
top: 862,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2Fcf74fbe273d8078824346ba0bee87112.png',
width: 20,
height: 20,
fit: BoxFit.contain,
),
),
Positioned(
left: 100,
top: 860,
child: SizedBox.square(
dimension: 24,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 2,
top: 2,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F0d361a91e05f580b57445ef5f8975dad.png',
width: 20,
height: 19,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 0,
top: 0,
child: SizedBox(
width: 375,
height: 44,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 169,
top: 16,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F24964fc266b67b1ba3f2d93b4f6ac68f.png',
width: 37,
height: 11,
fit: BoxFit.contain,
),
),
Positioned(
left: 349,
top: 21,
child: Image.network(
'https://storage.googleapis.com/codeless-dev.appspot.com/uploads%2Fimages%2FVz4asXLYOzPujDgZxzPU%2F0be7dba594ce808e138809565fa0a44a.png',
width: 1,
height: 4,
fit: BoxFit.contain,
),
),
Positioned(
left: 326,
top: 17,
child: Opacity(
opacity: 0.3,
child: Container(
width: 22,
height: 11,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
color: const Color(0xFF1A172B),
),
borderRadius: BorderRadius.circular(3),
),
),
),
),
Positioned(
left: 328,
top: 19,
child: Container(
width: 18,
height: 7,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF1A172B),
borderRadius: BorderRadius.circular(1),
),
),
),
const Positioned(
left: 21,
top: 7,
child: SizedBox(
width: 54,
height: 21,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 6,
child: SizedBox(
width: 56,
child: Text(
'9:41',
textAlign: TextAlign.center,
style: TextStyle(
color: Color(0xFF1A172B),
fontSize: 15,
fontWeight: FontWeight.w500,
height: 1.3,
fontFamily: 'Roboto',
),
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment