dania/finger_print_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fisrt three screens

Browse Source
This commit is contained in:
Daniah Ayad Al-sultani
2025-11-27 16:21:33 +03:00
commit b50c2b578b
167 changed files with 5993 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
lib/widgets/app_background.dart Normal file
View File

@@ -0,0 +1,74 @@
import 'package:flutter/material.dart';
class AppBackground extends StatelessWidget {
final Widget child;
const AppBackground({super.key, required this.child});
@override
Widget build(BuildContext context) {
return Stack(
children: [
/// 1️⃣ BASE GRADIENT (Exact Figma: #434343 -> #00382A)
Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Color.fromARGB(255, 41, 41, 41), // top dark gray
Color.fromARGB(255, 0, 20, 15), // bottom deep green
],
),
),
),
Positioned(
top: -250,
left: 100,
right: -200,
child: Container(
height: 300,
decoration: const BoxDecoration(
shape: BoxShape.circle,
// very soft inner fill
color: Color.fromARGB(0, 62, 254, 203),
boxShadow: [
BoxShadow(
// wide soft bloom
color: Color.fromARGB(69, 62, 254, 190),
blurRadius: 140,
spreadRadius: 160,
),
],
),
),
),
Positioned(
bottom: 100,
left: -140,
right: -120,
child: Container(
height: 320,
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: Color.fromARGB(0, 62, 254, 203),
boxShadow: [
BoxShadow(
color: Color.fromARGB(83, 62, 254, 190),
blurRadius: 180,
spreadRadius: 60,
),
],
),
),
),
/// 4️⃣ CONTENT LAYER
child,
],
);
}
}

138
lib/widgets/auth_form.dart Normal file
View File

@@ -0,0 +1,138 @@
import 'package:flutter/material.dart';
class AuthForm extends StatefulWidget {
const AuthForm({super.key, required this.onSubmit});
final VoidCallback onSubmit;
@override
State<AuthForm> createState() => _AuthFormState();
}
class _AuthFormState extends State<AuthForm> {
bool _obscure = true;
@override
Widget build(BuildContext context) {
return Directionality(
textDirection: TextDirection.rtl,
child: Container(
margin: const EdgeInsets.symmetric(horizontal: 28),
padding: const EdgeInsets.symmetric(horizontal: 22, vertical: 26),
decoration: BoxDecoration(
color: const Color(0xA6F4FFFD), // Light mint white
borderRadius: BorderRadius.circular(26),
boxShadow: [
BoxShadow(
color: const Color(0x803EFECB), // green glow shadow
blurRadius: 35,
spreadRadius: -5,
),
],
border: Border.all(
color: const Color(0xFF3EFECB), // Dark border
width: 2,
),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// main lable
const Text(
"تسجيل دخول",
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w700,
color: Color(0xFF00382A),
),
),
const SizedBox(height: 24),
//lable
const Text(
"اسم المستخدم",
style: TextStyle(fontSize: 16, color: Colors.black87
),
),
const SizedBox(height: 6),
//username field
Container(
decoration: BoxDecoration(
color: const Color(0xDEDEDEDE),
borderRadius: BorderRadius.circular(7),
boxShadow: [
BoxShadow(
color: Colors.black26,
blurRadius: 4,
offset: Offset(0, 2),
),
],
),
child: const TextField(
decoration: InputDecoration(
hintText: "اسم المستخدم",
border: InputBorder.none,
contentPadding: EdgeInsets.symmetric(
horizontal: 16,
vertical: 12,
),
),
),
),
const SizedBox(height: 22),
/// PASSWORD LABEL
const Text(
"كلمة المرور",
style: TextStyle(
fontSize: 15,
color: Colors.black87,
),
),
/// PASSWORD FIELD
Container(
decoration: BoxDecoration(
color: const Color(0xFFE3E3E3),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black26,
blurRadius: 4,
offset: Offset(0, 2),
),
],
),
child: TextField(
obscureText: _obscure,
decoration: InputDecoration(
hintText: "كلمة المرور",
border: InputBorder.none,
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
suffixIcon: IconButton(
icon: Icon(
_obscure ? Icons.visibility : Icons.visibility_off,
color: Colors.black54,
),
onPressed: () {
setState(() => _obscure = !_obscure);
},
),
),
),
),
const SizedBox(height: 26),
],
),
),
);
}
}

31
lib/widgets/onboarding_button.dart Normal file
View File

@@ -0,0 +1,31 @@
import 'package:flutter/material.dart';
class OnboardingButton extends StatelessWidget {
final String text;
final VoidCallback? onPressed;
const OnboardingButton({super.key, required this.text, this.onPressed});
@override
Widget build(BuildContext context) {
return ElevatedButton(
onPressed: onPressed ?? () {},
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF2D2D2D),
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 80, vertical: 10),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
elevation: 0,
),
child: Text(
text,
style: const TextStyle(
fontFamily: 'AbdElRady',
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
);
}
}

40
lib/widgets/onboarding_page.dart Normal file
View File

@@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
class OnboardingPage extends StatelessWidget {
final String imagePath;
final String text;
const OnboardingPage({
super.key,
required this.imagePath,
required this.text,
});
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SvgPicture.asset(imagePath, height: 280),
const SizedBox(height: 25),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 30),
child: Text(
text,
textAlign: TextAlign.center,
style: const TextStyle(
fontFamily: 'AbdElRady',
fontWeight: FontWeight.w500,
color: Colors.white,
fontSize: 20,
height: 1.5,
),
),
),
],
);
}
}