Skip to content

Instantly share code, notes, and snippets.

@rayliverified

rayliverified/0RkfMBKFWtW3TRFyf2vs.dart

Created December 29, 2024 05:04
Show Gist options
  • Save rayliverified/c2c9af8422673bb04ed1e6b095045f44 to your computer and use it in GitHub Desktop.
Save rayliverified/c2c9af8422673bb04ed1e6b095045f44 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
0RkfMBKFWtW3TRFyf2vs.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: Widget(),
),
);
}
}
class SampleWidget extends StatelessWidget {
const SampleWidget({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%2F10ff8b46-2f4a-4bc8-8d3c-5ca0d46fb121.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%2F92b9c7d1-4297-49a3-9a91-7dcd96fc0e45.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%2F8a66ecfc-7b73-4ed9-b686-5b6b48d50d74.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%2F3d76b56c-0dc8-43ae-a262-28aa33786e38.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%2Fc9143894-4d30-4ff2-91b1-e230a521fb5b.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%2F68b5dcdd-e235-42bf-8385-fcff51b3e94a.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%2F638d499a-91fb-4b0d-8779-5dbac7465820.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%2F91f2b29a-926d-408c-802e-295a3676ee46.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=d5e3c30e-2071-434b-a7f2-455b3454c987',
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%2Fbd206708-e014-44b4-830a-913ca68b4bf6.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