Skip to content

Instantly share code, notes, and snippets.

@rayliverified
Created December 29, 2024 04:28
Show Gist options
  • Save rayliverified/28fc8cc7c7491d96c28e8dbbb800680d to your computer and use it in GitHub Desktop.
Save rayliverified/28fc8cc7c7491d96c28e8dbbb800680d to your computer and use it in GitHub Desktop.
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: Widget(),
),
);
}
}
class SampleWidget extends StatelessWidget {
const SampleWidget({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 430,
height: 932,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 430,
height: 932,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 430,
height: 932,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xC6E3ECE4),
),
),
),
Positioned(
left: 296,
top: 811,
child: Container(
width: 91,
height: 52,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0xFF1B5A2F),
borderRadius: BorderRadius.circular(180),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 34,
top: 8,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F804202f1-7887-400b-80e4-5bcf56ef3550.png',
width: 21,
height: 37,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 69,
top: 465,
child: SizedBox(
width: 290,
child: Text(
'مرحباً بكم في تطبيق نُمو',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: Colors.black,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 62,
top: 558,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F6d18b083-c993-40b9-b2cd-0bbe362d58c1.png',
width: 308,
height: 57,
fit: BoxFit.contain,
),
),
Positioned(
left: 86,
top: 569,
child: SizedBox(
width: 258,
height: 35,
child: Text(
'دخول الجهات الحكومية',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w800,
),
),
),
),
Positioned(
left: 61,
top: 651,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F475c2940-404a-4908-9859-9d098dda5316.png',
width: 308,
height: 57,
fit: BoxFit.contain,
),
),
Positioned(
left: 85,
top: 662,
child: SizedBox(
width: 258,
height: 35,
child: Text(
'دخول كَمُستخدم',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w800,
),
),
),
),
Positioned(
left: 25,
top: 67,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RkZBkmF_lKAtrcXmXF2%2Fbd1b913b4d97a6fcc837a15022dc4de7e8684c49NMU_Logo%201.png?alt=media&token=9958c5f9-9feb-440c-97b1-8a0f3df12419',
width: 369,
height: 381,
fit: BoxFit.cover,
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 430,
height: 44,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF525452),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 22,
top: 14,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F497b84d0-300a-460a-afca-9d992dbdce1b.png',
width: 385,
height: 16,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment