LoginViewTheme class

LoginViewTheme is the provider for all design/theme related data.

Constructors

LoginViewTheme({TextStyle? formTitleStyle, TextStyle? welcomeTitleStyle, TextStyle? welcomeDescriptionStyle, TextStyle? changeActionTextStyle, TextStyle? useEmailStyle, TextStyle? forgotPasswordStyle, TextStyle? hintTextStyle, TextStyle? errorTextStyle, TextStyle? textFormStyle, InputDecoration? textFormFieldDeco, Widget? nameIcon, Widget? emailIcon, Widget? passwordIcon, double? formFieldElevation, Color? formFieldBackgroundColor, Color? formFieldShadowColor, BorderRadius? formFieldBorderRadius, Size? formFieldSize, Color? formFieldHoverColor, Color? backgroundColor, Color? errorBorderColor, Color? focusedErrorBorderColor, Color? enabledBorderColor, Color? focusedBorderColor, InputBorder? errorBorder, InputBorder? enabledBorder, InputBorder? focusedBorder, InputBorder? focusedErrorBorder, bool showLabelTexts = true, Color? socialLoginHoverColor, BorderSide? socialLoginBorder, ButtonStyle? changeLangButtonStyle, Color? changeLangContentColor, TextStyle? changeLangButtonTextStyle, ButtonStyle? actionButtonStyle, ButtonStyle? changeActionButtonStyle, Curve animationCurve = const Cubic(0.85, 0.40, 0.40, 0.85), double formWidthRatio = 60, Duration? animationDuration, double? formElementsSpacing, EdgeInsets? formPadding, Size? logoSize, double? socialLoginsSpacing, EdgeInsets? welcomePadding, AnimatedDialogTheme? dialogTheme, double? titleDescriptionSpace, double? spacingWithoutSocial, double? spacingFormAndAction, EdgeInsets? forgotPasswordPadding, double? actionAndChangeActionSpacing, EdgeInsets? logoPadding, Color? socialHighlightColor, EdgeInsets? inputPadding, double? loadingButtonSize, bool showLoadingButton = true, bool showLoadingSocialButton = true, Color? loadingButtonColor, Color? loadingSocialButtonColor, EdgeInsets? titlePadding, EdgeInsets? descriptionPadding, EdgeInsets? changeActionPadding, EdgeInsets? changeActionButtonPadding, EdgeInsets? useEmailPadding, EdgeInsets? socialLoginPadding, EdgeInsets? formTitlePadding, EdgeInsets? actionButtonPadding, TextStyle? privacyPolicyStyle, TextStyle? privacyPolicyLinkStyle, Color? checkColor, Color? borderColor, Color? fillColor, List<AnimatedComponent> animatedComponentOrder = const <AnimatedComponent>[AnimatedComponent(component: LoginComponents.logo, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.title, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.description, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.formTitle, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.socialLogins), AnimatedComponent(component: LoginComponents.useEmail), AnimatedComponent(component: LoginComponents.form), AnimatedComponent(component: LoginComponents.notHaveAnAccount), AnimatedComponent(component: LoginComponents.forgotPassword, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.changeActionButton, animationType: AnimationType.left), AnimatedComponent(component: LoginComponents.policyCheckbox), AnimatedComponent(component: LoginComponents.actionButton, animationType: AnimationType.left)]})
You can customize the colors, text styles, elevation, borders and lots of other customizable fields implemented in this package. For the values that are indirectly used from theme, you should customize your theme.

Properties

actionAndChangeActionSpacing → double?
Spacing between action button and change action CTA.
final
actionButtonPadding → EdgeInsets?
Padding around the action button.
final
actionButtonStyle → ButtonStyle?
Custom button style for action button (login/signup).
final
animatedComponentOrder → List<AnimatedComponent>
Order of the screen components.
final
animationCurve → Curve
Custom animation curve that will be used for animations.
final
animationDuration → Duration?
The duration of the animations.
final
backgroundColor ↔ Color?
Background color of the login screen.
getter/setter pair
borderColor → Color?
Border color for the checkbox
final
changeActionButtonPadding → EdgeInsets?
Padding around the change action button.
final
changeActionButtonStyle → ButtonStyle?
Custom button style for change action button that will switch auth mode.
final
changeActionPadding → EdgeInsets?
Padding around the change action CTA.
final
changeActionTextStyle → TextStyle?
Text style for the change action CTA of welcome part.
final
changeLangButtonStyle → ButtonStyle?
Custom button style for change language button.
final
changeLangButtonTextStyle → TextStyle?
Custom text style for change language button text.
final
changeLangContentColor → Color?
Custom color for change language button text and icon.
final
checkColor → Color?
Check color for the checkbox
final
descriptionPadding → EdgeInsets?
Custom padding around the description.
final
dialogTheme → AnimatedDialogTheme?
Theme preferences for dialogs.
final
emailIcon → Widget?
Prefix widget for email text form field.
final
enabledBorder → InputBorder?
Enabled border for text form fields.
final
enabledBorderColor → Color?
Enabled border color for text form fields.
final
errorBorder → InputBorder?
Error border for text form fields.
final
errorBorderColor → Color?
Error border color for text form fields.
final
errorTextStyle → TextStyle?
Text style for error texts in the text form fields.
final
fillColor → Color?
Fill color for the checkbox
final
focusedBorder → InputBorder?
Focused border for text form fields.
final
focusedBorderColor → Color?
Focused border color for text form fields.
final
focusedErrorBorder → InputBorder?
Focused error border for text form fields.
final
focusedErrorBorderColor → Color?
Focused error border color for text form fields.
final
forgotPasswordPadding → EdgeInsets?
Padding for the forgot password text.
final
forgotPasswordStyle → TextStyle?
Text style for the forgot password CTA of form part.
final
formElementsSpacing → double?
The spacing between the elements of form.
final
formFieldBackgroundColor → Color?
Background color for text form fields.
final
formFieldBorderRadius → BorderRadius?
Border radius for text form fields.
final
formFieldElevation → double?
Elevation for text form fields.
final
formFieldHoverColor → Color?
Hover color for text form fields.
final
formFieldShadowColor → Color?
Shadow color for text form fields.
final
formFieldSize → Size?
Size of text form fields.
final
formPadding → EdgeInsets?
Padding around the form elements.
final
formTitlePadding → EdgeInsets?
Padding around the form title.
final
formTitleStyle → TextStyle?
Text style for the title of form part.
final
formWidthRatio → double
Ratio of width of the form to the width of the screen in percentage.
final
hashCode → int
The hash code for this object.
no setterinherited
hintTextStyle → TextStyle?
Text style for hint texts in the text form fields.
final
inputPadding → EdgeInsets?
Custom input padding for the text form fields.
final
loadingButtonColor → Color?
Color of the loading indicator on a button.
final
loadingButtonSize → double?
Size of the loading indicator inside the button.
final
loadingSocialButtonColor → Color?
Color of the loading indicator on a social login button.
final
logoPadding → EdgeInsets?
Padding for the logo.
final
logoSize → Size?
Size of the logo in the welcome part.
final
nameIcon → Widget?
Prefix widget for name text form field.
final
passwordIcon → Widget?
Prefix widget for password text form field.
final
privacyPolicyLinkStyle → TextStyle?
Text style for privacy policy link.
final
privacyPolicyStyle → TextStyle?
Text style for privacy policy text.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
showLabelTexts → bool
Indicates whether the labels should be displayed above the text form fields.
final
showLoadingButton → bool
Determines whether to show loading indicator on buttons.
final
showLoadingSocialButton → bool
Determines whether to show loading indicator on social login buttons.
final
socialHighlightColor → Color?
Highlight color for the social login options.
final
socialLoginBorder → BorderSide?
Border for social login widgets.
final
socialLoginHoverColor → Color?
Hover color for social login widgets.
final
socialLoginPadding → EdgeInsets?
Padding around the social login options.
final
socialLoginsSpacing → double?
The spacing between the social login options.
final
spacingFormAndAction → double?
Spacing between the form and action button.
final
spacingWithoutSocial → double?
Spacing between the form and titles without social login.
final
textFormFieldDeco → InputDecoration?
Input decoration for the text form fields.
final
textFormStyle → TextStyle?
Text style for input texts in the text form fields.
final
titleDescriptionSpace → double?
Spacing between the title and description.
final
titlePadding → EdgeInsets?
Custom padding around the title.
final
useEmailPadding → EdgeInsets?
Padding around the use email text.
final
useEmailStyle → TextStyle?
Text style for the use email text of form part.
final
welcomeDescriptionStyle → TextStyle?
Text style for the description of welcome part.
final
welcomePadding → EdgeInsets?
Padding of the welcome part widget.
final
welcomeTitleStyle → TextStyle?
Text style for the title of welcome part.
final

Methods

copyWith({TextStyle? formTitleStyle, TextStyle? welcomeTitleStyle, TextStyle? welcomeDescriptionStyle, TextStyle? changeActionTextStyle, TextStyle? useEmailStyle, TextStyle? forgotPasswordStyle, TextStyle? hintTextStyle, TextStyle? errorTextStyle, TextStyle? textFormStyle, TextStyle? privacyPolicyStyle, TextStyle? privacyPolicyLinkStyle, InputDecoration? textFormFieldDeco, Widget? nameIcon, Widget? emailIcon, Widget? passwordIcon, double? formFieldElevation, Color? formFieldBackgroundColor, Color? formFieldShadowColor, BorderRadius? formFieldBorderRadius, Size? formFieldSize, Color? formFieldHoverColor, Color? backgroundColor, Color? errorBorderColor, Color? focusedErrorBorderColor, Color? enabledBorderColor, Color? focusedBorderColor, InputBorder? errorBorder, InputBorder? enabledBorder, InputBorder? focusedBorder, InputBorder? focusedErrorBorder, bool showLabelTexts = true, Color? socialLoginHoverColor, BorderSide? socialLoginBorder, ButtonStyle? changeLangButtonStyle, Color? changeLangContentColor, TextStyle? changeLangButtonTextStyle, ButtonStyle? actionButtonStyle, ButtonStyle? changeActionButtonStyle, Curve animationCurve = const Cubic(0.85, 0.40, 0.40, 0.85), double formWidthRatio = 60, Duration? animationDuration, double? formElementsSpacing, EdgeInsets? formPadding, Size? logoSize, double? socialLoginsSpacing, EdgeInsets? welcomePadding, AnimatedDialogTheme? dialogTheme, double? titleDescriptionSpace, double? spacingWithoutSocial, double? spacingFormAndAction, EdgeInsets? forgotPasswordPadding, double? actionAndChangeActionSpacing, EdgeInsets? logoPadding, Color? socialHighlightColor, EdgeInsets? inputPadding, double? loadingButtonSize, bool? showLoadingButton, bool? showLoadingSocialButton, Color? loadingButtonColor, Color? loadingSocialButtonColor, Color? checkColor, Color? borderColor, Color? fillColor, EdgeInsets? titlePadding, EdgeInsets? descriptionPadding, EdgeInsets? changeActionPadding, EdgeInsets? changeActionButtonPadding, EdgeInsets? useEmailPadding, EdgeInsets? socialLoginPadding, EdgeInsets? formTitlePadding, EdgeInsets? actionButtonPadding, List<AnimatedComponent>? animatedComponentOrder}) → LoginViewTheme
Creates a copy login view theme with the given properties.
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited