Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0Rkw8Hd3uq4KtoYftK5x.dart

Created January 1, 2025 05:51
Show Gist options
  • Save rayliverified/c51bc07de285fc524a3ae1b6242d1f79 to your computer and use it in GitHub Desktop.
Save rayliverified/c51bc07de285fc524a3ae1b6242d1f79 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0Rkw8Hd3uq4KtoYftK5x.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: LoginPage(),
),
);
}
}
class LoginPage extends StatelessWidget {
const LoginPage({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 428,
height: 926,
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: 428,
height: 926,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFFE9F0EA),
),
),
),
Positioned(
left: 235,
top: 286,
child: Text(
'تَسجيل الدخول',
style: GoogleFonts.getFont(
'Almarai',
color: Colors.black,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 50,
top: 288,
child: Text(
'إنشاء حساب جديد',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0x6B000000),
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
),
Positioned(
left: 218,
top: 318,
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F69efe51b-5a2f-49d5-8184-63bdd4fb21c6.png',
width: 169,
height: 2,
fit: BoxFit.contain,
),
),
),
Positioned(
left: 42,
top: 541,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fe4e2fed2-540d-4382-84a4-3be3209d2091.png',
width: 345,
height: 57,
fit: BoxFit.contain,
),
),
Positioned(
left: 125,
top: 555,
child: SizedBox(
width: 170,
height: 32,
child: Text(
'تأكيد الدُخول',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.w800,
),
),
),
),
Positioned(
left: 26,
top: 618,
child: SizedBox(
width: 144,
height: 18,
child: Text(
'هل نَسيت كلمة المرور ؟',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2F2E41),
fontSize: 14,
),
),
),
),
Positioned(
left: 72,
top: 801,
child: RichText(
textAlign: TextAlign.right,
text: TextSpan(
style: GoogleFonts.getFont(
'Almarai',
color: Colors.black,
fontSize: 12,
),
children: [
const TextSpan(text: 'بالتسجيل، أنت توافق على'),
const TextSpan(
text: ' ',
style: TextStyle(
color: Colors.white,
),
),
TextSpan(
text: 'الشروط والأحكام الخاصة بنا\n',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2A8132),
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
),
)
],
),
),
),
Positioned(
left: 111,
top: 775,
child: SizedBox(
width: 184,
height: 26,
child: RichText(
textAlign: TextAlign.right,
text: TextSpan(
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2F2E41),
fontSize: 12,
),
children: [
const TextSpan(text: 'ليس لديك حساب؟ '),
TextSpan(
text: 'إنشاء جديد الآن!\n',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2A8132),
fontWeight: FontWeight.bold,
decoration: TextDecoration.underline,
),
)
],
),
),
),
),
Positioned(
left: 46,
top: 664,
child: Container(
width: 107,
height: 3,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF2A8132),
),
),
),
Positioned(
left: 287,
top: 664,
child: Container(
width: 107,
height: 3,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF2A8132),
),
),
),
Positioned(
left: 154,
top: 653,
child: SizedBox(
width: 131,
height: 21,
child: Text(
'أو يمكنك الدخول عبر',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0xFF2A8132),
fontSize: 14,
letterSpacing: -0.3,
),
),
),
),
Positioned(
left: 362,
top: 378,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F139f02e0-37b7-4796-a5ba-b217059adbb7.png',
width: 24,
height: 23,
fit: BoxFit.contain,
),
),
Positioned(
left: 20,
top: 361,
child: Container(
width: 390,
height: 59,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF2A8132),
),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 141,
top: 380,
child: Text(
'البريد الإلكتروني/ إسم المستخدم',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0x6B000000),
fontSize: 16,
),
),
),
Positioned(
left: 37,
top: 473,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F4c004511-95da-4795-9c49-ad652e09033a.png',
width: 19,
height: 13,
fit: BoxFit.contain,
),
),
Positioned(
left: 354,
top: 464,
child: Container(
width: 30,
height: 30,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 10,
top: 4,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F001f1030-a2c0-491f-b6e7-53dd0d3fb06e.png',
width: 20,
height: 26,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 20,
top: 449,
child: Container(
width: 390,
height: 60,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
border: Border.all(
width: 2,
color: const Color(0xFF2A8132),
),
borderRadius: BorderRadius.circular(30),
),
),
),
Positioned(
left: 271,
top: 471,
child: Text(
'كلمة المرور',
style: GoogleFonts.getFont(
'Almarai',
color: const Color(0x6B000000),
fontSize: 15,
),
),
),
Positioned(
left: 127,
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=2facfff5-887e-465e-9ba6-3f2479e8c803',
width: 162,
height: 166,
fit: BoxFit.cover,
),
),
Positioned(
left: 122,
top: 696,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFF000D07),
),
borderRadius: BorderRadius.circular(24),
),
),
),
Positioned(
left: 134,
top: 708,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Ff7f2881b-6a5b-4e4c-871f-ff131d8b5b43.png',
width: 24,
height: 24,
fit: BoxFit.contain,
),
),
Positioned(
left: 190,
top: 696,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFF000D07),
),
borderRadius: BorderRadius.circular(24),
),
),
),
Positioned(
left: 203,
top: 709,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fd73d30df-c302-47f1-bfcf-7c53722cdf2c.png',
width: 23,
height: 23,
fit: BoxFit.contain,
),
),
Positioned(
left: 258,
top: 696,
child: Container(
width: 48,
height: 48,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(
color: const Color(0xFF000D07),
),
borderRadius: BorderRadius.circular(24),
),
),
),
Positioned(
left: 272,
top: 708,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fad7a0281-ee85-4835-9597-d510eb145c17.png',
width: 20,
height: 24,
fit: BoxFit.contain,
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 428,
height: 43,
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%2F6ac6961e-4db8-4b3d-97d6-6ba9702eb588.png',
width: 383,
height: 15,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment