Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0RksopCuIHe5ntV20E_8.dart

Created December 31, 2024 15:30
Show Gist options
  • Save rayliverified/e1fdf0f2b0b3d5a31656e07c73936970 to your computer and use it in GitHub Desktop.
Save rayliverified/e1fdf0f2b0b3d5a31656e07c73936970 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RksopCuIHe5ntV20E_8.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: UserSignIn(),
),
);
}
}
class UserSignIn extends StatelessWidget {
const UserSignIn({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%2F17e201ae-ad20-4a51-85ca-dbee8c64de58.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%2F18e01199-7b49-4a91-93e1-ed71fb2181bc.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: 130,
top: 679,
child: Container(
width: 49,
height: 49,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0x1EEFEFEF),
borderRadius: BorderRadius.circular(25),
),
),
),
Positioned(
left: 140,
top: 689,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fdbb51eae-f326-4b7b-b29d-e9528d92a1e3.png',
width: 28,
height: 29,
fit: BoxFit.contain,
),
),
Positioned(
left: 197,
top: 679,
child: Container(
width: 49,
height: 49,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0x1EEFEFEF),
borderRadius: BorderRadius.circular(25),
),
),
),
Positioned(
left: 207,
top: 689,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F93492bc9-b59f-49cb-9001-c5ccfcb2975d.png',
width: 28,
height: 28,
fit: BoxFit.contain,
),
),
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: 263,
top: 679,
child: SizedBox.square(
dimension: 49,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 49,
height: 49,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: const Color(0x1EEFEFEF),
borderRadius: BorderRadius.circular(25),
),
),
),
Positioned(
left: 13,
top: 10,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F8812c21a-bbb3-4703-8f72-b60b8fb02319.png',
width: 24,
height: 28,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 362,
top: 378,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2F8d968b1b-8764-4208-aa57-d4231a1b0614.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%2F77016739-c3d2-4235-9c79-7e0731070238.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%2F097a5cea-3e8e-415a-a32f-eed650a2f2b0.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=1e1b7b96-6119-4e69-8b7a-dffc71b38073',
width: 162,
height: 166,
fit: BoxFit.cover,
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 428,
height: 42,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF525452),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 22,
top: 13,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RkZBkmF_lKAtrcXmXF2%2Fee3b7330-ea02-4d79-8620-97a0a652cffc.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