Last active
August 29, 2024 23:10
-
-
Save Lxxyx/af4f49c803c347a4d3e845eefecbd32d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/material.dart'; | |
void main() => runApp(const MyApp()); | |
class MyApp extends StatelessWidget { | |
const MyApp({super.key}); | |
@override | |
Widget build(BuildContext context) { | |
return MaterialApp( | |
title: 'Login Page', | |
debugShowCheckedModeBanner: false, | |
theme: ThemeData( | |
colorSchemeSeed: Colors.blue, | |
), | |
home: const LoginPage(), | |
); | |
} | |
} | |
class LoginPage extends StatefulWidget { | |
const LoginPage({super.key}); | |
@override | |
State<LoginPage> createState() => _LoginPageState(); | |
} | |
class _LoginPageState extends State<LoginPage> { | |
final _formKey = GlobalKey<FormState>(); | |
final _emailController = TextEditingController(); | |
final _passwordController = TextEditingController(); | |
@override | |
Widget build(BuildContext context) { | |
return Scaffold( | |
appBar: AppBar( | |
title: const Text('Login Page'), | |
), | |
body: Padding( | |
padding: const EdgeInsets.all(20.0), | |
child: Form( | |
key: _formKey, | |
child: Column( | |
children: [ | |
TextFormField( | |
decoration: const InputDecoration( | |
labelText: 'Email', | |
border: OutlineInputBorder(), | |
), | |
controller: _emailController, | |
validator: (value) { | |
if (value == null || value.isEmpty) { | |
return 'Please enter an email'; | |
} | |
return null; | |
}, | |
), | |
const SizedBox(height: 20), | |
TextFormField( | |
decoration: const InputDecoration( | |
labelText: 'Password', | |
border: OutlineInputBorder(), | |
), | |
controller: _passwordController, | |
obscureText: true, | |
validator: (value) { | |
if (value == null || value.isEmpty) { | |
return 'Please enter a password'; | |
} | |
return null; | |
}, | |
), | |
const SizedBox(height: 20), | |
ElevatedButton( | |
onPressed: () { | |
if (_formKey.currentState!.validate()) { | |
// TODO: Implement login logic here | |
// For example, you can make a API call or authenticate with Firebase | |
print('Login successful!'); | |
} | |
}, | |
child: const Text('Login'), | |
), | |
], | |
), | |
), | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment