0% found this document useful (0 votes)
5 views

Forgot Password

Uploaded by

riha soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
5 views

Forgot Password

Uploaded by

riha soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

import 'package:flutter/material.

dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {


@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: Color(0xFF008080), // Teal color
fontFamily: 'Roboto',
),
home: ForgotPasswordScreen(),
);
}
}

class ForgotPasswordScreen extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(24.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 60),
Text(
"Forgot Password?",
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: Color(0xFF008080),
),
),
SizedBox(height: 20),
Text(
"Enter your email to receive a password reset link",
style: TextStyle(fontSize: 18, color: Colors.grey[600]),
),
SizedBox(height: 40),
_buildInputField(Icons.email_outlined, "Email"),
SizedBox(height: 40),
ElevatedButton(
onPressed: () {
// Handle sending reset link
},
style: ElevatedButton.styleFrom(
primary: Color(0xFF008080),
onPrimary: Colors.white,
padding: EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
minimumSize: Size(double.infinity, 50),
),
child: Text(
"Send Reset Link",
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
),
SizedBox(height: 20),
Center(
child: TextButton(
onPressed: () {
Navigator.pop(context);
},
child: Text(
"Back to Login",
style: TextStyle(color: Color(0xFF008080)),
),
),
),
],
),
),
),
),
);
}

Widget _buildInputField(IconData icon, String label) {


return Container(
decoration: BoxDecoration(
color: Colors.grey[200],
borderRadius: BorderRadius.circular(12),
),
child: TextField(
style: TextStyle(color: Colors.black87),
decoration: InputDecoration(
prefixIcon: Icon(icon, color: Color(0xFF008080)),
labelText: label,
labelStyle: TextStyle(color: Colors.grey[600]),
border: InputBorder.none,
contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 16),
),
),
);
}
}

You might also like