easy_login_widget 1.4.0
easy_login_widget: ^1.4.0 copied to clipboard
EasyLoginWidget is a customizable flutter login widget, with responsive design for mobile and web. Its a highly customizable widget that allows you to create a login form with a few lines of code.
This is a flutter package that provides a simple way to create a easy login for your flutter project.
Features #
With this package you will be able to add a login screen to your project with a few lines of code.
Getting started #
To use this package you will have to install it and import it in your project. After taking that step, you will be able to call the EasyLoginWidget within te package and customize it according to your needs.
dependencies:
easy_login_widget: ^1.4.0
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'Easy Login Widget',
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final TextEditingController userNameController = TextEditingController();
final TextEditingController passwordController = TextEditingController();
final GlobalKey<FormState> formKey = GlobalKey<FormState>();
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: EasyLoginWidget(
formKey: formKey,
userNameController: userNameController,
passwordController: passwordController,
onPressed: () {
if (formKey.currentState?.validate() ?? false) {
print('Username: ${userNameController.text}');
}
},
buttonWidgetFirstOrLast: true,
userNameValidator: (value) =>
value == null || value.isEmpty ? 'Required' : null,
passwordValidator: (value) =>
value == null || value.isEmpty ? 'Required' : null,
forgotPasswordWidgetVisibility: true,
forgotPasswordText: 'Forgot password',
inputSpacing: 10,
),
),
);
}
}
Additional information #
If you want to know more about the package or contribute to it, please visit the GitHub repository. Or email me at agusbarrionuevodev@gmail.com Thank you!