AuthyoStyle class abstract
Base renderer for the verification dialog.
The dialog is built from a fixed set of slots (card, OTP field, primary
button, icon buttons, social buttons, text styles). A design style
overrides the decoration of those slots but never the behaviour — the
logic lives in VerificationController.
The defaults here produce the Flat look; the other styles subclass this and override only what differs.
Constructors
- AuthyoStyle(AuthyoResolvedTheme theme)
Properties
- barrierColor → Color
-
Colour drawn behind the dialog.
no setter
- bodyStyle → TextStyle
-
no setter
- brandStyle → TextStyle
-
no setter
-
Height of the primary button.
no setter
-
Corner radius for buttons (driven by the dashboard
buttonStyle).no setter - cardPadding → EdgeInsets
-
Padding inside the card.
no setter
- cardRadius → double
-
Card corner radius.
no setter
- fontFamily → String?
-
Base font family applied to everything in the dialog.
no setter
- hashCode → int
-
The hash code for this object.
no setterinherited
- headerStyle → TextStyle
-
no setter
- iconTint → Color
-
Colour used to tint the channel/social icon images.
no setter
- id → AuthyoDesignStyle
-
no setter
- infoStyle → TextStyle
-
no setter
- inputRadius → double
-
Corner radius for the OTP input.
no setter
- linkStyle → TextStyle
-
no setter
- mutedStyle → TextStyle
-
no setter
- otpBoxGap → double
-
Gap between OTP digit boxes.
no setter
- otpBoxSize → Size
-
Size of one OTP digit box (the web widget uses 40px boxes, 8px apart).
no setter
- otpTextStyle → TextStyle
-
Text style of the digits typed in the OTP field.
no setter
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- theme → AuthyoResolvedTheme
-
Resolved (non-nullable) theme tokens.
final
Methods
-
backButton(
VoidCallback onTap) → Widget - Round "back" control in the card's top-left corner (the web widget's back button). Leaves the OTP screen so the identity can be changed.
-
backdrop(
BuildContext context, Widget dialog) → Widget -
Full-screen layer drawn behind the (already centred, scrollable)
dialog. Styles with a special backdrop (blur, gradient) override this
and must return
dialogon top of their own layers. -
cardDecoration(
) → BoxDecoration - Decoration of the dialog card.
-
checkbox(
{required String label, required bool value, required ValueChanged< bool> onChanged}) → Widget - "Remember me" checkbox (only rendered when the dashboard enabled it).
-
circleIconButton(
{required Widget icon, required VoidCallback? onTap, String? tooltip, double size = 48}) → Widget - Circular icon button used for the resend channels (SMS / WhatsApp / Call).
-
decorateCard(
Widget card) → Widget - Wraps the decorated card (e.g. with a blur filter or an overlay).
-
decorateInput(
Widget field) → Widget - Extra chrome a style paints around an input (inset shadow, frost, clay drop…). Applied to the single-field otpField and to every digit box of otpBox, so both looks stay identical. Not used for the underline input style, which is chrome-less in every design.
-
divider(
String label) → Widget - Thin separator used between social buttons and the OTP form.
-
logoFrame(
Widget logo) → Widget - Frame around the logo (e.g. a plate in skeuomorphic style).
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
otpBox(
{required TextEditingController controller, required FocusNode focusNode, required ValueChanged< String> onChanged, bool autofocus = false}) → Widget - One digit box of the OTP entry; the dialog renders one per digit, with auto-advance and auto-verify like the web widget.
-
otpField(
{required TextEditingController controller, required String hint, String? label, FormFieldValidator< String> ? validator, ValueChanged<String> ? onSubmitted, int? maxLength}) → Widget - Single-field OTP input (kept for hosts that build their own layout).
-
otpInputDecoration(
{required String hint, String? label}) → InputDecoration - Decoration for the OTP input field.
-
primaryButton(
{required String label, required VoidCallback? onPressed, bool loading = false}) → Widget - The main "Verify" button.
-
progress(
) → Widget - Progress indicator shown while a request is in flight.
-
sentToRow(
{required String target, VoidCallback? onChange}) → Widget -
"OTP sent to: …" chip with the "Change" link beside it, like
the web widget's row under the header.
onChangenull hides the link (verified state). - Full-width social login button ("Continue with Google").
- Compact social button (icon only) used when there are many providers.
-
statusText(
String text, {bool error = false, TextAlign? align}) → Widget -
Countdown / expiry line under the OTP boxes.
errorswitches to the red "OTP expired…" look. -
textButton(
{required String label, required VoidCallback? onPressed}) → Widget - A flat text-only action (e.g. "Resend OTP").
-
toString(
) → String -
A string representation of this object.
inherited
-
underlineInputDecoration(
{required String hint, String? label}) → InputDecoration - Borderless variant used when the dashboard "Input Style" is set to underline: no fill, only a bottom line, in every design style.
-
verifiedBadge(
{String message = 'Verified successfully'}) → Widget - Green ring + check + "Verified successfully", shown inside the card once verification succeeds (same as the web widget).
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited