Scribd
Upload
5 views

Forgot Password

Uploaded by

riha soft
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views

Forgot Password

Uploaded by

riha soft
Copyright
© © All Rights Reserved
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