internal/flutter_login_widget
5
0
Fork 0
mirror of https://github.com/Iconica-Development/flutter_login_widget.git synced 2025-05-19 05:33:45 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #33 from Iconica-Development/feature/default_styling

Browse source 
feat: add default styling
This commit is contained in:
Gorter-dev 2024-04-19 11:24:20 +02:00 committed by GitHub
commit f33ca0546d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 427 additions and 393 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

273
lib/src/config/login_options.dart
View file

@ -10,18 +10,57 @@ import 'package:flutter_login/src/service/validation.dart';
class LoginOptions { class LoginOptions {
const LoginOptions({ const LoginOptions({
this.image, this.image,
this.title, this.title = const Text(
'Log in',
style: TextStyle(
color: Color(0xff71C6D1),
fontWeight: FontWeight.w800,
fontSize: 24,
),
),
this.subtitle, this.subtitle,
this.maxFormWidth, this.maxFormWidth,
this.emailTextStyle, this.emailTextStyle,
this.passwordTextStyle, this.passwordTextStyle,
this.emailTextAlign, this.emailTextAlign,
this.passwordTextAlign, this.passwordTextAlign,
this.emailDecoration = const InputDecoration(), this.emailDecoration = const InputDecoration(
this.passwordDecoration = const InputDecoration(), contentPadding: EdgeInsets.symmetric(horizontal: 8),
labelText: 'Email address',
border: OutlineInputBorder(),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Color(0xff71C6D1),
),
),
labelStyle: TextStyle(
color: Colors.black,
fontWeight: FontWeight.w400,
fontSize: 16,
),
),
this.passwordDecoration = const InputDecoration(
contentPadding: EdgeInsets.symmetric(horizontal: 8),
labelText: 'Password',
border: OutlineInputBorder(),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Color(0xff71C6D1),
),
),
labelStyle: TextStyle(
color: Colors.black,
fontWeight: FontWeight.w400,
fontSize: 16,
),
),
this.initialEmail = '', this.initialEmail = '',
this.initialPassword = '', this.initialPassword = '',
this.spacers = const LoginSpacerOptions(), this.spacers = const LoginSpacerOptions(
spacerBeforeTitle: 8,
spacerAfterTitle: 2,
formFlexValue: 2,
),
this.translations = const LoginTranslations(), this.translations = const LoginTranslations(),
this.validationService, this.validationService,
this.loginButtonBuilder = _createLoginButton, this.loginButtonBuilder = _createLoginButton,
@ -32,137 +71,18 @@ class LoginOptions {
this.emailInputContainerBuilder = _createEmailInputContainer, this.emailInputContainerBuilder = _createEmailInputContainer,
this.passwordInputContainerBuilder = _createPasswordInputContainer, this.passwordInputContainerBuilder = _createPasswordInputContainer,
this.showObscurePassword = true, this.showObscurePassword = true,
this.forgotPasswordSpacerOptions = const ForgotPasswordSpacerOptions(), this.forgotPasswordSpacerOptions = const ForgotPasswordSpacerOptions(
spacerAfterButton: 3,
spacerBeforeTitle: 1,
),
this.loginBackgroundColor = const Color(0xffFAF9F6),
this.forgotPasswordBackgroundColor = const Color(0xffFAF9F6),
this.forgotPasswordScreenPadding = const Padding(
padding: EdgeInsets.symmetric(horizontal: 60),
),
this.forgotPasswordCustomAppBar,
}); });
factory LoginOptions.defaults() => LoginOptions(
spacers: const LoginSpacerOptions(
spacerBeforeTitle: 8,
spacerAfterTitle: 2,
formFlexValue: 2,
),
title: const Text(
'Log in',
style: TextStyle(
color: Color(0xff71C6D1),
fontWeight: FontWeight.w800,
fontSize: 24,
),
),
emailDecoration: const InputDecoration(
contentPadding: EdgeInsets.symmetric(horizontal: 8),
labelText: 'Email address',
border: OutlineInputBorder(),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Color(0xff71C6D1),
),
),
labelStyle: TextStyle(
color: Colors.black,
fontWeight: FontWeight.w400,
fontSize: 16,
),
),
passwordDecoration: const InputDecoration(
contentPadding: EdgeInsets.symmetric(horizontal: 8),
labelText: 'Password',
border: OutlineInputBorder(),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Color(0xff71C6D1),
),
),
labelStyle: TextStyle(
color: Colors.black,
fontWeight: FontWeight.w400,
fontSize: 16,
),
),
loginButtonBuilder:
(context, onPressed, isDisabled, onDisabledPress, options) =>
InkWell(
onTap: () async => onPressed.call(),
child: Container(
height: 44,
width: 254,
decoration: const BoxDecoration(
color: Color(0xff71C6D1),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: const Center(
child: Text(
'Log in',
style: TextStyle(
fontWeight: FontWeight.w800,
fontSize: 20,
color: Colors.white,
),
),
),
),
),
registrationButtonBuilder:
(context, onPressed, isDisabled, onDisabledPress, options) =>
TextButton(
onPressed: () async {
await onPressed.call();
},
child: const Text(
'Create account',
style: TextStyle(
decoration: TextDecoration.underline,
decorationColor: Color(0xff71C6D1),
color: Color(0xff71C6D1),
fontSize: 18,
fontWeight: FontWeight.w800,
),
),
),
forgotPasswordButtonBuilder:
(context, onPressed, isDisabled, onDisabledPress, options) =>
TextButton(
onPressed: () async {
await onPressed.call();
},
child: const Text(
'Forgot password?',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
color: Color(0xff8D8D8D),
),
),
),
forgotPasswordSpacerOptions: const ForgotPasswordSpacerOptions(
spacerAfterButton: 3,
spacerBeforeTitle: 1,
),
requestForgotPasswordButtonBuilder:
(context, onPressed, isDisabled, onDisabledPress, options) =>
InkWell(
onTap: onPressed,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: const Color(0xff71C6D1),
),
height: 44,
width: 254,
child: const Center(
child: Text(
'Send link',
style: TextStyle(
fontWeight: FontWeight.w800,
fontSize: 20,
color: Colors.white,
),
),
),
),
),
);
/// Builds the login button. /// Builds the login button.
final ButtonBuilder loginButtonBuilder; final ButtonBuilder loginButtonBuilder;
@ -236,6 +156,18 @@ class LoginOptions {
/// Get validations. /// Get validations.
ValidationService get validations => ValidationService get validations =>
validationService ?? LoginValidationService(this); validationService ?? LoginValidationService(this);
/// The background color for the login screen.
final Color loginBackgroundColor;
/// The background color for the forgot password screen.
final Color forgotPasswordBackgroundColor;
/// The padding for the forgot password screen.
final Padding forgotPasswordScreenPadding;
/// forgot password custom AppBar
final AppBar? forgotPasswordCustomAppBar;
} }
class LoginTranslations { class LoginTranslations {
@ -245,7 +177,7 @@ class LoginTranslations {
this.emailInvalid = 'Enter a valid email address', this.emailInvalid = 'Enter a valid email address',
this.loginButton = 'Login', this.loginButton = 'Login',
this.forgotPasswordButton = 'Forgot password?', this.forgotPasswordButton = 'Forgot password?',
this.requestForgotPasswordButton = 'Send request', this.requestForgotPasswordButton = 'Send link',
this.registrationButton = 'Create Account', this.registrationButton = 'Create Account',
}); });
@ -274,9 +206,27 @@ Widget _createLoginButton(
) => ) =>
Opacity( Opacity(
opacity: disabled ? 0.5 : 1.0, opacity: disabled ? 0.5 : 1.0,
child: ElevatedButton( child: InkWell(
onPressed: !disabled ? onPressed : onDisabledPress, onTap: () async =>
child: Text(options.translations.loginButton), !disabled ? await onPressed() : await onDisabledPress(),
child: Container(
height: 44,
width: 254,
decoration: const BoxDecoration(
color: Color(0xff71C6D1),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Text(
options.translations.loginButton,
style: const TextStyle(
fontWeight: FontWeight.w800,
fontSize: 20,
color: Colors.white,
),
),
),
),
), ),
); );
@ -289,9 +239,18 @@ Widget _createForgotPasswordButton(
) => ) =>
Opacity( Opacity(
opacity: disabled ? 0.5 : 1.0, opacity: disabled ? 0.5 : 1.0,
child: ElevatedButton( child: TextButton(
onPressed: !disabled ? onPressed : onDisabledPress, onPressed: !disabled ? onPressed : onDisabledPress,
child: Text(options.translations.forgotPasswordButton), child: Text(
options.translations.forgotPasswordButton,
style: const TextStyle(
decoration: TextDecoration.underline,
decorationColor: Color(0xff8D8D8D),
fontSize: 12,
fontWeight: FontWeight.w500,
color: Color(0xff8D8D8D),
),
),
), ),
); );
@ -304,9 +263,26 @@ Widget _createRequestForgotPasswordButton(
) => ) =>
Opacity( Opacity(
opacity: disabled ? 0.5 : 1.0, opacity: disabled ? 0.5 : 1.0,
child: ElevatedButton( child: InkWell(
onPressed: !disabled ? onPressed : onDisabledPress, onTap: !disabled ? onPressed : onDisabledPress,
child: Text(options.translations.requestForgotPasswordButton), child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: const Color(0xff71C6D1),
),
height: 44,
width: 254,
child: Center(
child: Text(
options.translations.requestForgotPasswordButton,
style: const TextStyle(
fontWeight: FontWeight.w800,
fontSize: 20,
color: Colors.white,
),
),
),
),
), ),
); );
@ -319,9 +295,18 @@ Widget _createRegisterButton(
) => ) =>
Opacity( Opacity(
opacity: disabled ? 0.5 : 1.0, opacity: disabled ? 0.5 : 1.0,
child: ElevatedButton( child: TextButton(
onPressed: !disabled ? onPressed : onDisabledPress, onPressed: !disabled ? onPressed : onDisabledPress,
child: Text(options.translations.registrationButton), child: Text(
options.translations.registrationButton,
style: const TextStyle(
decoration: TextDecoration.underline,
decorationColor: Color(0xff71C6D1),
color: Color(0xff71C6D1),
fontSize: 18,
fontWeight: FontWeight.w800,
),
),
), ),
); );

303
lib/src/widgets/email_password_login.dart
View file

@ -84,171 +84,176 @@ class _EmailPasswordLoginFormState extends State<EmailPasswordLoginForm> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
var theme = Theme.of(context); var theme = Theme.of(context);
var options = widget.options; var options = widget.options;
return CustomScrollView( return Scaffold(
physics: const ScrollPhysics(), backgroundColor: options.loginBackgroundColor,
slivers: [ body: CustomScrollView(
SliverFillRemaining( physics: const ScrollPhysics(),
hasScrollBody: false, slivers: [
fillOverscroll: true, SliverFillRemaining(
child: Column( hasScrollBody: false,
children: [ fillOverscroll: true,
Expanded( child: Column(
flex: options.spacers.titleSpacer, children: [
child: Column( Expanded(
children: [ flex: options.spacers.titleSpacer,
if (options.spacers.spacerBeforeTitle != null) ...[ child: Column(
Spacer(flex: options.spacers.spacerBeforeTitle!), children: [
], if (options.spacers.spacerBeforeTitle != null) ...[
if (options.title != null) ...[ Spacer(flex: options.spacers.spacerBeforeTitle!),
Align( ],
alignment: Alignment.topCenter, if (options.title != null) ...[
child: wrapWithDefaultStyle( Align(
options.title, alignment: Alignment.topCenter,
theme.textTheme.headlineSmall, child: wrapWithDefaultStyle(
), options.title,
), theme.textTheme.headlineSmall,
],
if (options.spacers.spacerAfterTitle != null) ...[
Spacer(flex: options.spacers.spacerAfterTitle!),
],
if (options.subtitle != null) ...[
Align(
alignment: Alignment.topCenter,
child: wrapWithDefaultStyle(
options.subtitle,
theme.textTheme.titleSmall,
),
),
],
if (options.spacers.spacerAfterSubtitle != null) ...[
Spacer(flex: options.spacers.spacerAfterSubtitle!),
],
if (options.image != null) ...[
Padding(
padding: const EdgeInsets.all(16),
child: options.image,
),
],
if (options.spacers.spacerAfterImage != null) ...[
Spacer(flex: options.spacers.spacerAfterImage!),
],
],
),
),
Expanded(
flex: options.spacers.formFlexValue,
child: ConstrainedBox(
constraints: BoxConstraints(
maxWidth: options.maxFormWidth ?? 300,
),
child: Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
options.emailInputContainerBuilder(
TextFormField(
textAlign:
options.emailTextAlign ?? TextAlign.start,
onChanged: _updateCurrentEmail,
validator: widget.options.validations.validateEmail,
initialValue: options.initialEmail,
keyboardType: TextInputType.emailAddress,
textInputAction: TextInputAction.next,
style: options.emailTextStyle,
decoration: options.emailDecoration,
), ),
), ),
options.passwordInputContainerBuilder( ],
TextFormField( if (options.spacers.spacerAfterTitle != null) ...[
textAlign: Spacer(flex: options.spacers.spacerAfterTitle!),
options.passwordTextAlign ?? TextAlign.start, ],
obscureText: _obscurePassword, if (options.subtitle != null) ...[
onChanged: _updateCurrentPassword, Align(
validator: alignment: Alignment.topCenter,
widget.options.validations.validatePassword, child: wrapWithDefaultStyle(
initialValue: options.initialPassword, options.subtitle,
keyboardType: TextInputType.visiblePassword, theme.textTheme.titleSmall,
textInputAction: TextInputAction.done, ),
style: options.passwordTextStyle, ),
onFieldSubmitted: (_) async => _handleLogin(), ],
decoration: options.passwordDecoration.copyWith( if (options.spacers.spacerAfterSubtitle != null) ...[
suffixIcon: options.showObscurePassword Spacer(flex: options.spacers.spacerAfterSubtitle!),
? IconButton( ],
onPressed: () { if (options.image != null) ...[
setState(() { Padding(
_obscurePassword = !_obscurePassword; padding: const EdgeInsets.all(16),
}); child: options.image,
}, ),
icon: Icon( ],
_obscurePassword if (options.spacers.spacerAfterImage != null) ...[
? Icons.visibility Spacer(flex: options.spacers.spacerAfterImage!),
: Icons.visibility_off, ],
), ],
) ),
: null, ),
Expanded(
flex: options.spacers.formFlexValue,
child: ConstrainedBox(
constraints: BoxConstraints(
maxWidth: options.maxFormWidth ?? 300,
),
child: Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
options.emailInputContainerBuilder(
TextFormField(
textAlign:
options.emailTextAlign ?? TextAlign.start,
onChanged: _updateCurrentEmail,
validator:
widget.options.validations.validateEmail,
initialValue: options.initialEmail,
keyboardType: TextInputType.emailAddress,
textInputAction: TextInputAction.next,
style: options.emailTextStyle,
decoration: options.emailDecoration,
), ),
), ),
), options.passwordInputContainerBuilder(
if (widget.onForgotPassword != null) ...[ TextFormField(
Align( textAlign:
alignment: Alignment.topRight, options.passwordTextAlign ?? TextAlign.start,
child: options.forgotPasswordButtonBuilder( obscureText: _obscurePassword,
onChanged: _updateCurrentPassword,
validator:
widget.options.validations.validatePassword,
initialValue: options.initialPassword,
keyboardType: TextInputType.visiblePassword,
textInputAction: TextInputAction.done,
style: options.passwordTextStyle,
onFieldSubmitted: (_) async => _handleLogin(),
decoration: options.passwordDecoration.copyWith(
suffixIcon: options.showObscurePassword
? IconButton(
onPressed: () {
setState(() {
_obscurePassword =
!_obscurePassword;
});
},
icon: Icon(
_obscurePassword
? Icons.visibility
: Icons.visibility_off,
),
)
: null,
),
),
),
if (widget.onForgotPassword != null) ...[
Align(
alignment: Alignment.topRight,
child: options.forgotPasswordButtonBuilder(
context,
() {
widget.onForgotPassword
?.call(_currentEmail, context);
},
false,
() {},
options,
),
),
] else ...[
const SizedBox(height: 16),
],
if (options.spacers.spacerAfterForm != null) ...[
Spacer(flex: options.spacers.spacerAfterForm!),
],
AnimatedBuilder(
animation: _formValid,
builder: (context, _) => options.loginButtonBuilder(
context, context,
_handleLogin,
!_formValid.value,
() { () {
widget.onForgotPassword _formKey.currentState?.validate();
?.call(_currentEmail, context); },
options,
),
),
if (widget.onRegister != null) ...[
options.registrationButtonBuilder(
context,
() async {
widget.onRegister?.call(
_currentEmail,
_currentPassword,
context,
);
}, },
false, false,
() {}, () {},
options, options,
), ),
), ],
] else ...[ if (options.spacers.spacerAfterButton != null) ...[
const SizedBox(height: 16), Spacer(flex: options.spacers.spacerAfterButton!),
],
], ],
if (options.spacers.spacerAfterForm != null) ...[ ),
Spacer(flex: options.spacers.spacerAfterForm!),
],
AnimatedBuilder(
animation: _formValid,
builder: (context, _) => options.loginButtonBuilder(
context,
_handleLogin,
!_formValid.value,
() {
_formKey.currentState?.validate();
},
options,
),
),
if (widget.onRegister != null) ...[
options.registrationButtonBuilder(
context,
() async {
widget.onRegister?.call(
_currentEmail,
_currentPassword,
context,
);
},
false,
() {},
options,
),
],
if (options.spacers.spacerAfterButton != null) ...[
Spacer(flex: options.spacers.spacerAfterButton!),
],
],
), ),
), ),
), ),
), ],
], ),
), ),
), ],
], ),
); );
} }
} }

244
lib/src/widgets/forgot_password_form.dart
View file

@ -3,6 +3,7 @@ import 'dart:async';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_login/flutter_login.dart'; import 'package:flutter_login/flutter_login.dart';
// ignore: must_be_immutable
class ForgotPasswordForm extends StatefulWidget { class ForgotPasswordForm extends StatefulWidget {
/// Constructs a [ForgotPasswordForm] widget. /// Constructs a [ForgotPasswordForm] widget.
/// ///
@ -11,18 +12,44 @@ class ForgotPasswordForm extends StatefulWidget {
/// [onRequestForgotPassword]: Callback function for requesting /// [onRequestForgotPassword]: Callback function for requesting
/// password reset. /// password reset.
/// [title]: Widget to display title. /// [title]: Widget to display title.
const ForgotPasswordForm({ ForgotPasswordForm({
required this.options, required this.options,
required this.description,
required this.onRequestForgotPassword, required this.onRequestForgotPassword,
this.description,
super.key, super.key,
this.title, this.title,
}); }) {
title == null
? title = const Padding(
padding: EdgeInsets.only(bottom: 8.0),
child: Text(
'Forgot Password',
style: TextStyle(
color: Color(0xff71C6D1),
fontWeight: FontWeight.w800,
fontSize: 24,
),
),
)
: title = title;
description == null
? description = const Padding(
padding: EdgeInsets.only(bottom: 16),
child: Text(
'No worries. Enter your email address below so we can'
' send you a link to reset your password.',
textAlign: TextAlign.center,
style: TextStyle(fontWeight: FontWeight.w400, fontSize: 16),
),
)
: description = description;
}
final LoginOptions options; final LoginOptions options;
final Widget? title; Widget? title;
final Widget description; Widget? description;
final FutureOr<void> Function(String email) onRequestForgotPassword; final FutureOr<void> Function(String email) onRequestForgotPassword;
@ -69,109 +96,126 @@ class _ForgotPasswordFormState extends State<ForgotPasswordForm> {
var theme = Theme.of(context); var theme = Theme.of(context);
var options = widget.options; var options = widget.options;
return CustomScrollView( return Scaffold(
physics: const ScrollPhysics(), backgroundColor: options.forgotPasswordBackgroundColor,
slivers: [ appBar: widget.options.forgotPasswordCustomAppBar ??
SliverFillRemaining( AppBar(
hasScrollBody: false, backgroundColor: const Color(0xffFAF9F6),
fillOverscroll: true, ),
child: Column( body: Padding(
children: [ padding: options.forgotPasswordScreenPadding.padding,
if (options.forgotPasswordSpacerOptions.spacerBeforeTitle != child: CustomScrollView(
null) ...[ physics: const ScrollPhysics(),
Spacer( slivers: [
flex: options.forgotPasswordSpacerOptions.spacerBeforeTitle!, SliverFillRemaining(
), hasScrollBody: false,
], fillOverscroll: true,
Align( child: Column(
alignment: Alignment.topCenter, children: [
child: wrapWithDefaultStyle( if (options.forgotPasswordSpacerOptions.spacerBeforeTitle !=
widget.title, null) ...[
theme.textTheme.displaySmall, Spacer(
), flex: options
), .forgotPasswordSpacerOptions.spacerBeforeTitle!,
if (options.forgotPasswordSpacerOptions.spacerAfterTitle != ),
null) ...[ ],
Spacer( Align(
flex: options.forgotPasswordSpacerOptions.spacerAfterTitle!, alignment: Alignment.topCenter,
), child: wrapWithDefaultStyle(
], widget.title,
Align( theme.textTheme.displaySmall,
alignment: Alignment.topCenter, ),
child: wrapWithDefaultStyle(
widget.description,
theme.textTheme.bodyMedium,
),
),
if (options.forgotPasswordSpacerOptions.spacerAfterDescription !=
null) ...[
Spacer(
flex: options
.forgotPasswordSpacerOptions.spacerAfterDescription!,
),
],
Expanded(
flex: options.forgotPasswordSpacerOptions.formFlexValue,
child: ConstrainedBox(
constraints: BoxConstraints(
maxWidth: options.maxFormWidth ?? 300,
), ),
child: Form( if (options.forgotPasswordSpacerOptions.spacerAfterTitle !=
key: _formKey, null) ...[
child: Align( Spacer(
alignment: Alignment.center, flex:
child: options.emailInputContainerBuilder( options.forgotPasswordSpacerOptions.spacerAfterTitle!,
TextFormField( ),
textAlign: options.emailTextAlign ?? TextAlign.start, ],
focusNode: _focusNode, Align(
onChanged: _updateCurrentEmail, alignment: Alignment.topCenter,
validator: widget.options.validations.validateEmail, child: wrapWithDefaultStyle(
initialValue: options.initialEmail, widget.description,
keyboardType: TextInputType.emailAddress, theme.textTheme.bodyMedium,
textInputAction: TextInputAction.next, ),
style: options.emailTextStyle, ),
decoration: options.emailDecoration, if (options
.forgotPasswordSpacerOptions.spacerAfterDescription !=
null) ...[
Spacer(
flex: options
.forgotPasswordSpacerOptions.spacerAfterDescription!,
),
],
Expanded(
flex: options.forgotPasswordSpacerOptions.formFlexValue,
child: ConstrainedBox(
constraints: BoxConstraints(
maxWidth: options.maxFormWidth ?? 300,
),
child: Form(
key: _formKey,
child: Align(
alignment: Alignment.center,
child: options.emailInputContainerBuilder(
TextFormField(
textAlign:
options.emailTextAlign ?? TextAlign.start,
focusNode: _focusNode,
onChanged: _updateCurrentEmail,
validator:
widget.options.validations.validateEmail,
initialValue: options.initialEmail,
keyboardType: TextInputType.emailAddress,
textInputAction: TextInputAction.next,
style: options.emailTextStyle,
decoration: options.emailDecoration,
),
),
), ),
), ),
), ),
), ),
), if (options.forgotPasswordSpacerOptions.spacerBeforeButton !=
), null) ...[
if (options.forgotPasswordSpacerOptions.spacerBeforeButton != Spacer(
null) ...[ flex: options
Spacer( .forgotPasswordSpacerOptions.spacerBeforeButton!,
flex: options.forgotPasswordSpacerOptions.spacerBeforeButton!, ),
), ],
], AnimatedBuilder(
AnimatedBuilder( animation: _formValid,
animation: _formValid, builder: (context, snapshot) => Align(
builder: (context, snapshot) => Align( child: widget.options.requestForgotPasswordButtonBuilder(
child: widget.options.requestForgotPasswordButtonBuilder( context,
context, () async {
() async { _formKey.currentState?.validate();
_formKey.currentState?.validate(); if (_formValid.value) {
if (_formValid.value) { widget.onRequestForgotPassword(_currentEmail);
widget.onRequestForgotPassword(_currentEmail); }
} },
}, !_formValid.value,
!_formValid.value, () {
() { _formKey.currentState?.validate();
_formKey.currentState?.validate(); },
}, options,
options, ),
),
), ),
), if (options.forgotPasswordSpacerOptions.spacerAfterButton !=
null) ...[
Spacer(
flex: options
.forgotPasswordSpacerOptions.spacerAfterButton!,
),
],
],
), ),
if (options.forgotPasswordSpacerOptions.spacerAfterButton != ),
null) ...[ ],
Spacer(
flex: options.forgotPasswordSpacerOptions.spacerAfterButton!,
),
],
],
),
), ),
], ),
); );
} }
} }