FluoSignInStyle class

Style configuration for the sign-in flow screens (email input, code verification, registration).

This style is passed to Fluo.signInWithEmail and Fluo.signInWithMobile to customize the appearance of the authentication screens.

Example:

Fluo.instance.signInWithEmail(
  context: context,
  style: FluoSignInStyle(
    backgroundColor: Colors.white,
    titleTextStyle: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
  ),
  onUserReady: () => print('User ready!'),
);

Constructors

FluoSignInStyle({Color backgroundColor = Colors.white, EdgeInsets padding = const EdgeInsets.all(20.0), Color backButtonColor = Colors.black, TextStyle? titleTextStyle, TextStyle? inputTextStyle, InputDecorationTheme? inputDecorationTheme, TextAlignVertical inputTextAlignVertical = TextAlignVertical.center, TextStyle? inputErrorTextStyle, PinTheme? codeInputThemeDefault, PinTheme? codeInputThemeFocused, PinTheme? codeInputThemeSubmitted, PinTheme? codeInputThemeFollowing, PinTheme? codeInputThemeDisabled, PinTheme? codeInputThemeError, ButtonStyle? continueButtonStyle, Size? continueButtonProgressIndicatorSize, Color? continueButtonProgressIndicatorColor, double continueButtonProgressIndicatorStrokeWidth = 2.0, EdgeInsets countryItemPadding = const EdgeInsets.symmetric(horizontal: 20.0, vertical: 15.0), Color? countryItemHighlightColor, TextStyle? countryTextStyle})
const
FluoSignInStyle.native({ThemeData? appTheme, Color? backgroundColor, EdgeInsets? padding, Color? backButtonColor, TextStyle? titleTextStyle, TextStyle? inputTextStyle, InputDecorationTheme? inputDecorationTheme, TextAlignVertical? inputTextAlignVertical, TextStyle? inputErrorTextStyle, PinTheme? codeInputThemeDefault, PinTheme? codeInputThemeFocused, PinTheme? codeInputThemeSubmitted, PinTheme? codeInputThemeFollowing, PinTheme? codeInputThemeDisabled, PinTheme? codeInputThemeError, ButtonStyle? continueButtonStyle, Size? continueButtonProgressIndicatorSize, Color? continueButtonProgressIndicatorColor, double? continueButtonProgressIndicatorStrokeWidth, EdgeInsets? countryItemPadding, Color? countryItemHighlightColor, TextStyle? countryTextStyle})
Creates a FluoSignInStyle with native mobile defaults.
factory
FluoSignInStyle.web({ThemeData? appTheme, Color? backgroundColor, EdgeInsets? padding, Color? backButtonColor, TextStyle? titleTextStyle, TextStyle? inputTextStyle, InputDecorationTheme? inputDecorationTheme, TextAlignVertical? inputTextAlignVertical, TextStyle? inputErrorTextStyle, PinTheme? codeInputThemeDefault, PinTheme? codeInputThemeFocused, PinTheme? codeInputThemeSubmitted, PinTheme? codeInputThemeFollowing, PinTheme? codeInputThemeDisabled, PinTheme? codeInputThemeError, ButtonStyle? continueButtonStyle, Size? continueButtonProgressIndicatorSize, Color? continueButtonProgressIndicatorColor, double? continueButtonProgressIndicatorStrokeWidth, EdgeInsets? countryItemPadding, Color? countryItemHighlightColor, TextStyle? countryTextStyle})
Creates a FluoSignInStyle with web defaults.
factory

Properties

backButtonColor → Color
Color of the back button.
final
backgroundColor → Color
Background color for the sign-in screens.
final
codeInputThemeDefault → PinTheme?
Default theme for OTP code input boxes.
final
codeInputThemeDisabled → PinTheme?
Theme for disabled OTP code input boxes.
final
codeInputThemeError → PinTheme?
Theme for OTP code input boxes in error state.
final
codeInputThemeFocused → PinTheme?
Theme for focused OTP code input box.
final
codeInputThemeFollowing → PinTheme?
Theme for following OTP code input boxes.
final
codeInputThemeSubmitted → PinTheme?
Theme for submitted OTP code input boxes.
final
continueButtonProgressIndicatorColor → Color?
Color of the progress indicator shown in the continue button when loading.
final
continueButtonProgressIndicatorSize → Size?
Size of the progress indicator shown in the continue button when loading.
final
continueButtonProgressIndicatorStrokeWidth → double
Stroke width of the progress indicator shown in the continue button when loading.
final
continueButtonStyle → ButtonStyle?
Style for the continue button.
final
countryItemHighlightColor → Color?
Highlight color for country selector items (used in mobile sign-in flow).
final
countryItemPadding → EdgeInsets
Padding for country selector items (used in mobile sign-in flow).
final
countryTextStyle → TextStyle?
Text style for country names in the selector (used in mobile sign-in flow).
final
hashCode → int
The hash code for this object.
no setterinherited
inputDecorationTheme → InputDecorationTheme?
Decoration theme for text input fields.
final
inputErrorTextStyle → TextStyle?
Text style for error messages.
final
inputTextAlignVertical → TextAlignVertical
Vertical alignment of text in input fields.
final
inputTextStyle → TextStyle?
Text style for text input fields.
final
padding → EdgeInsets
Padding around the screen content.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
titleTextStyle → TextStyle?
Text style for screen titles (e.g., "Enter your email").
final

Methods

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