Niku TextField

Style property builder for building "TextField" and "TextFormField".

Example usage:

As Widget

NikuTextField("Username")
  ..outlined(
    color: Colors.blue,
  );

As Property

TextField("Username")
  .asNiku()
  ..outlined(
    color: Colors.blue,
  );

Availability

To use this widget, you can import from the following:

// All Widget
import 'package:niku/niku.dart';

// Extension
import 'package:niku/extension/widget.dart';

// Just widget
import 'package:niku/widget/text.dart';

niku

Switch to use parent property builder.

Example Usage:

NikuTextField("Username")
  .controller(controller)
  .outlined(
    color: Colors.blue,
    width: 2,
  )
  .niku()
  .my(8);

Equivalent to

Container(
  margin: EdgeInsets.symmetric(
    vertical: 8,
  ),
  TextFormField(
    controller: controller,
    decoration: InputDecoration(
      labelText: "Username",
      border: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2,
        ),
      ),
      enableBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2,
        ),
      ),
      disabledorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2,
        ),
      ),
      focusedBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2,
        ),
      ),
      errorBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.blue,
          width: 2,
        ),
      ),
    ),
  ),
);

apply

Apply predefined style properties to widget.

Example Usage:

final title = NikuTextField()
  ..color(Colors.red)
  ..fontSize(21);

NikuTextField()
  ..apply(title);

Equivalent to

Text()
  ..color(Colors.red)
  ..fontSize(21);

TextEditingController

Input controller for editable textfield.

Example Usage:

final controller = TextEditingController();

NikuTextField()
  ..textEditingController(controller);

Equivalent to

TextFormField(
  controller: input,
);

controller

Input controller for editable textfield.

Example Usage:

final controller = TextEditingController();

NikuTextField()
  ..controller(controller);

Equivalent to

TextFormField(
  controller: input,
);

initialValue

Initial value of text field.

Example Usage:

NikuTextField()
  ..initialValue("Username")

Equivalent to

TextFormField(
  initialValue: input,
);

initial

Shorten syntax of initialValue

Initial value of text field.

Example Usage:

NikuTextField()
  ..initial("Username")

Equivalent to

TextFormField(
  initialValue: input,
);

focusNode

An object that can be used by a stateful widget to obtain the keyboard focus and to handle keyboard events.

Example Usage:

NikuTextField()
  ..focusNode(
    FocusNode(
      canRequestFocus: true,
    ),
  );
;

Equivalent to

TextFormField(
  focusNode: input,
);

keyboardType

The type of information for which to optimize the text input control.

Example Usage:

NikuTextField()
  ..keyboardType(
    TextInputType.multiline,
  );
;

Equivalent to

TextFormField(
  keyboardType: input,
);

dateTimeKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.datetime

Example Usage:

NikuTextField()
  ..dateTimeKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.datetime,
);

emailKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.emailAddress

Example Usage:

NikuTextField()
  ..emailKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.emailAddress,
);

multilineKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.multiline

Example Usage:

NikuTextField()
  ..multilineKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.multiline,
);

nameKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.name

Example Usage:

NikuTextField()
  ..nameKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.name,
);

phoneKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.phone

Example Usage:

NikuTextField()
  ..phoneKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.phone,
);

addressKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.datetime

Example Usage:

NikuTextField()
  ..addressKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.streetAddress,
);

textKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.text

Example Usage:

NikuTextField()
  ..textKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.text,
);

urlKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.url

Example Usage:

NikuTextField()
  ..urlKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.url,
);

visiblePasswordKeyboard

Shorten syntax of keyboardType

The type of information for which to optimize the text input control.

Using TextInputType.visiblePassword

Example Usage:

NikuTextField()
  ..visiblePasswordKeyboard();
;

Equivalent to

TextFormField(
  keyboardType: TextInputType.visiblePassword,
);

textCapitalization

Configures how the platform keyboard will select an uppercase or lowercase keyboard.

Example Usage:

NikuTextField()
  ..textCapitalization(
    TextCapitalization.sentences,
  );
;

Equivalent to

TextFormField(
  textCapitalization: input,
);

capitalizeCharacters

Shorten syntax of textCapitalization

Configures how the platform keyboard will select an uppercase or lowercase keyboard.

Using TextCapitalization.characters

Example Usage:

NikuTextField()
  ..textCapitalization(
    TextCapitalization.characters,
  );
;

Equivalent to

TextFormField(
  textCapitalization: input,
);

capitalizeNone

Shorten syntax of textCapitalization

Configures how the platform keyboard will select an uppercase or lowercase keyboard.

Using TextCapitalization.none

Example Usage:

NikuTextField()
  ..textCapitalization(
    TextCapitalization.none,
  );
;

Equivalent to

TextFormField(
  textCapitalization: input,
);

capitalizeSentences

Shorten syntax of textCapitalization

Configures how the platform keyboard will select an uppercase or lowercase keyboard.

Using TextCapitalization.sentences

Example Usage:

NikuTextField()
  ..textCapitalization(
    TextCapitalization.sentences,
  );
;

Equivalent to

TextFormField(
  textCapitalization: input,
);

capitalizeWords

Shorten syntax of textCapitalization

Configures how the platform keyboard will select an uppercase or lowercase keyboard.

Using TextCapitalization.words

Example Usage:

NikuTextField()
  ..textCapitalization(
    TextCapitalization.words,
  );
;

Equivalent to

TextFormField(
  textCapitalization: input,
);

align

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Example Usage:

NikuTextField()
  ..align(TextAlign.center);

Equivalent to

TextFormField(
  textAlign: input,
);

alignLeft

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.left.

Example Usage:

NikuTextField()
  ..alignLeft();

Equivalent to

TextFormField(
  textAlign: TextAlign.left,
);

left

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.left.

Example Usage:

NikuTextField()
  ..left();

Equivalent to

TextFormField(
  textAlign: TextAlign.left,
);

alignCenter

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.center.

Example Usage:

NikuTextField()
  ..alignCenter();

Equivalent to

TextFormField(
  textAlign: TextAlign.center,
);

center

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.center.

Example Usage:

NikuTextField()
  ..center();

Equivalent to

TextFormField(
  textAlign: TextAlign.center,
);

alignRight

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.right.

Example Usage:

NikuTextField()
  ..alignRight();

Equivalent to

TextFormField(
  textAlign: TextAlign.right,
);
Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.right.

Example Usage:

NikuTextField()
  ..right();

Equivalent to

TextFormField(
  textAlign: TextAlign.right,
);

alignStart

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.start.

Example Usage:

NikuTextField()
  ..alignStart();

Equivalent to

TextFormField(
  textAlign: TextAlign.start,
);

start

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.start.

Example Usage:

NikuTextField()
  ..start();

Equivalent to

TextFormField(
  textAlign: TextAlign.start,
);

alignEnd

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.end.

Example Usage:

NikuTextField()
  ..alignEnd();

Equivalent to

TextFormField(
  textAlign: TextAlign.end,
);

end

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.end.

Example Usage:

NikuTextField()
  ..end();

Equivalent to

TextFormField(
  textAlign: TextAlign.end,
);

alignJustify

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.justify.

Example Usage:

NikuTextField()
  ..alignJustify();

Equivalent to

TextFormField(
  textAlign: TextAlign.justify,
);

justify

Shorten syntax of textAlign

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using TextAlign.justify.

Example Usage:

NikuTextField()
  ..justify();

Equivalent to

TextFormField(
  textAlign: TextAlign.justify,
);

readOnly

Should text field be readonly.

Default value is: true.

Example Usage:

NikuTextField()
  ..readOnly();

Equivalent to

TextFormField(
  textAlign: TextAlign.justify,
);

toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

Example Usage:

NikuTextField()
  ..toolbarOptions(
    ToolbarOptions(
      copy: false,
    ),
  );

Equivalent to

TextFormField(
  toolbarOptions: input,
);

toolbarOptions

Shorten syntax of toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

The argument accept named paramters:

  • copy
  • paste
  • cut
  • selectAll

Example Usage:

NikuTextField()
  ..toolbar(
    copy: false,
  );

Equivalent to

TextFormField(
  toolbarOptions: ToolbarOptions(
    copy: copy,
    paste: paste,
    cut: cut,
    selectAll: selectAll,
  ),
);

allowCopy

Shorten syntax of toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

Default value is: true.

Example Usage:

NikuTextField()
  ..allowCopy(true);

Equivalent to

TextFormField(
  toolbarOptions: ToolbarOptions(
    # ...others property
    copy: input,
  ),
);

allowPaste

Shorten syntax of toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

Default value is: true.

Example Usage:

NikuTextField()
  ..allowPaste(true);

Equivalent to

TextFormField(
  toolbarOptions: ToolbarOptions(
    # ...others property
    paste: input,
  ),
);

allowCut

Shorten syntax of toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

Default value is: true.

Example Usage:

NikuTextField()
  ..allowCut(true);

Equivalent to

TextFormField(
  toolbarOptions: ToolbarOptions(
    # ...others property
    cut: input,
  ),
);

allowSelectAll

Shorten syntax of toolbarOptions

Toolbar is a context menu that will show up when user right click or long press the [EditableText]. It includes several options: cut, copy, paste, and select all.

Default value is: true.

Example Usage:

NikuTextField()
  ..allowSelectAll(true);

Equivalent to

TextFormField(
  toolbarOptions: ToolbarOptions(
    # ...others property
    selectAll: input,
  ),
);

showCursor

Should textfield cursor be showned.

Default value is: true.

Example Usage:

NikuTextField()
  ..showCursor(true);

Equivalent to

TextFormField(
  showCursor: input,
);

obscuringCharacter

Display of "hidden" character like password.

Example Usage:

NikuTextField()
  ..obscuringCharacter("-");

Equivalent to

TextFormField(
  obscuringCharacter: input,
);

obscureText

Should text be obscure eg. password field.

Default value is: true.

Example Usage:

NikuTextField()
  ..obscureText(true);

Equivalent to

TextFormField(
  obscureText: input,
);

asPassword

Shorten syntax of obscureText

Should text be obscure eg. password field.

Example Usage:

NikuTextField()
  ..asPassword();

Equivalent to

TextFormField(
  obscureText: true,
  toolbarOptions: ToolbarOptions(
    # ...others property
    copy: false,
  ),
);

autoCorrect

Should autocorrect apply to textfield.

Default value is: true.

Example Usage:

NikuTextField()
  ..autoCorrect(true);

Equivalent to

TextFormField(
  autoCorrect: input,
);

smartDashesType

Indicates how to handle the intelligent replacement of dashes in text input.

Example Usage:

NikuTextField()
  ..smartDashesType(SmartDashesType.enabled);

Equivalent to

TextFormField(
  autoCorrect: input,
);

enableSmartDashes

Shorten syntax of smartDashesType

Indicates how to handle the intelligent replacement of dashes in text input.

Default value is: true.

Example Usage:

NikuTextField()
  ..enableDashes(true);

Equivalent to

TextFormField(
  smartDashesType: input ? SmartDashesType.enabled : SmartDashesType.disabled,
);

smartQuotesType

Indicates how to handle the intelligent replacement of dashes in text input.

Example Usage:

NikuTextField()
  ..smartQuotesType(SmartQuotesType.enabled);

Equivalent to

TextFormField(
  autoCorrect: input,
);

enableSmartQuotes

Shorten syntax of smartQuotesType

Indicates how to handle the intelligent replacement of dashes in text input.

Default value is: true.

Example Usage:

NikuTextField()
  ..enableQuotes(true);

Equivalent to

TextFormField(
  smartQuotesType: input ? SmartQuotesType.enabled : SmartQuotesType.disabled,
);

enableSuggestions

Should suggestion be used.

Default value is: true.

Example Usage:

NikuTextField()
  ..enableSuggestions(true);

Equivalent to

TextFormField(
  enableSuggestions: input,
);

maxLines

The maximum number of lines for the text to span, wrapping if necessary.

Example Usage:

NikuTextField()
  ..maxLines(5);

Equivalent to

TextFormField(
  maxLines: input
);

minLines

The minimum number of lines to occupy when the content spans fewer lines

Example Usage:

NikuTextField()
  ..minLines(2);

Equivalent to

TextFormField(
  minLines: input
);

expands

Whether this widget's height will be sized to fill its parent.

Default value is: true.

Example Usage:

NikuTextField()
  ..expands(true);

Equivalent to

TextFormField(
  expands: input,
);

expands

Default value is: true.

Whether this widget's height will be sized to fill its parent

Example Usage:

NikuTextField()
  ..expands(true);

Equivalent to

TextFormField(
  expands: input,
);

maxLength

The maximum number of characters (Unicode scalar values) to allow in the text field.

Example Usage:

NikuTextField()
  ..maxLength(160);

Equivalent to

TextFormField(
  maxLength: input,
);

onChanged

Called when the value of textfield is changed.

Example Usage:

NikuTextField()
  ..onChanged((text) {
    print("Changed Text $text");
  });

Equivalent to

TextFormField(
  onChanged: input,
);

onTap

Called for each distinct tap except for every second tap of a double tap.

Example Usage:

NikuTextField()
  ..onTap(() {
    print("Tap");
  });

Equivalent to

TextFormField(
  onTap: input,
);

onEditingComplete

Called for when editing text is complete and "leave" from textfield.

Example Usage:

NikuTextField()
  ..onEditingComplete(() {
    print("Tap");
  });

Equivalent to

TextFormField(
  onEditingComplete: input,
);

onFieldSubmitted

Called when the user indicates that they are done editing the text in the field.

Example Usage:

NikuTextField()
  ..onFieldSubmitted((text) {
    print("Submit value: $text");
  });

Equivalent to

TextFormField(
  onFieldSubmitted: input,
);

onSubmitted

Shorten syntax of onFieldSubmitted

Called when the user indicates that they are done editing the text in the field.

Example Usage:

NikuTextField()
  ..onSubmitted((text) {
    print("Submit value: $text");
  });

Equivalent to

TextFormField(
  onFieldSubmitted: input,
);

onSaved

Call with the final value when the form is saved via [FormState.save].

Example Usage:

NikuTextField()
  ..onSaved((text) {
    print("Saved value: $text");
  });

Equivalent to

TextFormField(
  onSaved: input,
);

on

Set multiple event listener at once.

The argument accept named paramters:

  • changed
  • tap
  • editingComplete
  • submitted
  • saved

Example Usage:

NikuTextField()
  ..on(
    changed: (text) {
      print("Value $text");
    },
    tap: () {
      print("Tap");
    },
  );

Equivalent to

TextFormField(
  onChanged: changed,
  onTap: tap,
  onEditingComplete: editingComplete,
  onSubmitted: submitted,
  onSaved: saved,
);

validator

An optional method that validates an input. Returns an error string to display if the input is invalid, or null otherwise.

Example Usage:

NikuTextField()
  ..validator((value) {
      if (value == null || value.isEmpty)
        return 'Please enter some text';

      return null;
    },
  );

Equivalent to

TextFormField(
  validator: input,
);

validator

An optional method that validates an input. Returns an error string to display if the input is invalid, or null otherwise.

Example Usage:

NikuTextField()
  ..validator((value) {
      if (value == null || value.isEmpty)
        return 'Please enter some text';

      return null;
    },
  );

Equivalent to

TextFormField(
  validator: input,
);

inputFormatters

Optional input validation and formatting overrides.

Example Usage:

NikuTextField()
  ..inputFormatters([
    FilteringTextInputFormatter.digitsOnly,
  ]);

Equivalent to

TextFormField(
  inputFormatters: input,
);

enabled

If false the text field is "disabled", ignores taps and [decoration] is rendered in grey.

Default value is: true.

Example Usage:

NikuTextField()
  ..enabled(true);

Equivalent to

TextFormField(
  enabled: input,
);

cursorWidth

How thick the cursor will be.

Example Usage:

NikuTextField()
  ..cursorWidth(2);

Equivalent to

TextFormField(
  cursorWidth: input,
);

cursorHeight

How tall the cursor will be.

Example Usage:

NikuTextField()
  ..cursorHeight(16);

Equivalent to

TextFormField(
  cursorHeight: input,
);

cursorRadius

How rounded the corners of the cursor should be.

Example Usage:

NikuTextField()
  ..cursorRadius(
    Radius.circular(20),
  );

Equivalent to

TextFormField(
  cursorRadius: input,
);

cursorRounded

Shorten syntax of cursorRadius

How rounded the corners of the cursor should be.

Example Usage:

NikuTextField()
  ..cursorRadius(
    Radius.circular(20),
  );

Equivalent to

TextFormField(
  cursorRadius: Radius.circular(input),
);

cursorColor

Color of cursor.

Example Usage:

NikuTextField()
  ..cursorColor(
    Colors.blue,
  );

Equivalent to

TextFormField(
  cursorColor: input,
);

cursor

Set property of cursor at once.

The argument accept named paramters:

  • width
  • height
  • radius
  • color

Example Usage:

NikuTextField()
  ..cursor(
    width: 2,
    color: Colors.blue,
  );

Equivalent to

TextFormField(
  cursorWidth: width,
  cursorHeight: height,
  cursorRadius: radius,
  cursorColor: color,
);

keyboardAppearance

The appearance of the keyboard, only honored on iOS devices.

Example Usage:

NikuTextField()
  ..keyboardAppearance(
    Brightness.light,
  );

Equivalent to

TextFormField(
  keyboardAppearance: input,
);

lightKeyboard

The appearance of the keyboard, only honored on iOS devices.

Using [Brightness.light].

Example Usage:

NikuTextField()
  ..lightKeyboard();

Equivalent to

TextFormField(
  keyboardAppearance: Brightness.light,
);

darkKeyboard

The appearance of the keyboard, only honored on iOS devices.

Using [Brightness.dark].

Example Usage:

NikuTextField()
  ..darkKeyboard();

Equivalent to

TextFormField(
  keyboardAppearance: Brightness.dark,
);

scrollPadding

Configures padding to edges surrounding a [Scrollable] when the Textfield scrolls into view.

Example Usage:

NikuTextField()
  ..scrollPadding(
    EdgeInsets.all(20),
  );

Equivalent to

TextFormField(
  scrollPadding: input,
);

scrollP

Shorten syntax of scrollPadding

Configures padding to edges surrounding a [Scrollable] when the Textfield scrolls into view.

Example Usage:

NikuTextField()
  ..scrollP(20);

Equivalent to

TextFormField(
  scrollPadding: EdgeInsets.all(20),
);

enableInteractiveSelection

Whether to enable user interface affordances for changing the text selection.

Default value is: true.

Example Usage:

NikuTextField()
  ..enableInteractiveSelection(true);

Equivalent to

TextFormField(
  enableInteractiveSelection: input,
);

builderCounter

Whether to enable user interface affordances for changing the text selection.

Default value is: true.

Example Usage:

NikuTextField()
  ..buildCounter((
    context,
    {
      currentLength,
      maxLength,
      isFocused,
    }
  ) {
    return Text(
      '$currentLength of $maxLength characters',
      semanticsLabel: 'character count',
    );
  );

Equivalent to

TextFormField(
  buildCounter: input,
);

autoFillHints

A list of strings that helps the autofill service identify the type of this text input.

Example Usage:

NikuTextField()
  ..autoFillHints([
      AutofillHints.password,
  ]);

Equivalent to

TextFormField(
  autoFillHints: input
);

autoValidateMode

Validation of value of field.

Example Usage:

NikuTextField()
  ..autoValidateMode(
    AutoValidateMode.always,
  );

Equivalent to

TextFormField(
  autoValidateMode: input,
);

alwaysValidate

Shorten syntax of autoValidateMode

Validation of value of field using AutoValidateMode.always

Example Usage:

NikuTextField()
  ..alwaysValidate();

Equivalent to

TextFormField(
  autoValidateMode: AutoValidateMode.always,
);

disableValidate

Shorten syntax of autoValidateMode

Validation of value of field using AutoValidateMode.disabled

Example Usage:

NikuTextField()
  ..disableValidate();

Equivalent to

TextFormField(
  autoValidateMode: AutoValidateMode.disabled,
);

validateOnUserInteraction

Shorten syntax of autoValidateMode

Validation of value of field using AutoValidateMode.onUserInteraction

Example Usage:

NikuTextField()
  ..validateOnUserInteraction();

Equivalent to

TextFormField(
  autoValidateMode: AutoValidateMode.onUserInteraction,
);

icon

An icon to show before the input field and outside of the decoration's container.

Example Usage:

NikuTextField()
  ..icon(
    Icon(Icons.edit),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    icon: input,
  )
);

labelText

Label text.

Example Usage:

NikuTextField()
  ..labelText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    labelText: input,
  )
);

label

Shorten syntax of labelText

Label text.

Example Usage:

NikuTextField()
  ..label("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    labelText: input,
  )
);

labelStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..labelStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    labelStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

Equivalent to

TextFormField(
  decoration: InputDecoration(
    labelText: input,
  )
);

labelColors

Set color of label.

Example Usage:

NikuTextField()
  ..labelColors(Colors.blue);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

labelBackgroundColor

Set background color of label.

Example Usage:

NikuTextField()
  ..labelBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    backgroundColor: input,
  ),
);

labelBg

Shorten syntax of labelBackgroundColor

Set background color of label.

Example Usage:

NikuTextField()
  ..labelBg(Colors.red);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    backgroundColor: input,
  ),
);

labelFontSize

Set font size of label.

Example Usage:

NikuTextField()
  ..labelFontSize(21);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontSize: input,
  ),
);

labelFontWeight

Set font weight of label.

Example Usage:

NikuTextField()
  ..labelFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: input,
  ),
);

labelBold

Shorten syntax of labelFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..labelBold();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

labelW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..labelW100();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

labelW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..labelW200();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

labelW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..labelW300();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

labelW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..labelW400();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

labelW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..labelW500();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

labelW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..labelW600();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

labelW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..labelW700();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

labelW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..labelW800();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

labelW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..labelW900();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

labelFontStyle

Set font style of label.

Example Usage:

NikuTextField()
  ..labelFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontStyle: input,
  ),
);

labelItalic

Shorten syntax of labelFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..labelItalic();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

labelLetterSpacing

Set letter spacing of label.

Example Usage:

NikuTextField()
  ..labelLetterSpacing(2);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    letterSpacing: input,
  ),
);

labelWordSpacing

Set word spacing of label.

Example Usage:

NikuTextField()
  ..labelWordSpacing(2);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    wordSpacing: input,
  ),
);

labelHeight

Set height.

Example Usage:

NikuTextField()
  ..labelHeight(2);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelHeight: input,
  ),
);

labelForeground

The paint drawn as a foreground for the label.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    foreground: input,
  ),
);

labelBackground

The paint drawn as a foreground for the label.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..labelBackground(paint);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    background: input,
  ),
);

labelShadows

Collection of label's shadow.

Example Usage:

NikuTextField()
  ..labelShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    shadows: input,
  ),
);

labelFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..labelFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontFeatures: input,
  ),
);

labelDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..labelDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelDecoration: input,
  ),
);

labelDecorationColor

Set Color of label decoration

Example Usage:

NikuTextField()
  ..labelDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(labelDecorationColor: input,
);

labelDecorationThickness

Set thickness of label decoration

Example Usage:

NikuTextField()
  ..labelDecorationThickness(2);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelDecorationThickness: input,
  ),
);

labelFontFamily

Set font of label.

Example Usage:

NikuTextField()
  ..labelFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontFamily: input,
  ),
);

labelFontFamilyFallback

Set font fallback of label if fontFamily is missing.

Example Usage:

NikuTextField()
  ..labelFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

labelBaseline

The common baseline that should be aligned between this label span and its parent label span, or, for the root label spans, with the line box.

Example Usage:

NikuTextField()
  ..labelBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelBaseline: input,
  ),
);

labelAlphabetic

Shorten syntax of labelBaseline

The common baseline that should be aligned between this label span and its parent label span, or, for the root label spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..labelAlphabetic();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelBaseline: Textbaseline.alphabetic,
  ),
);

labelIdeographic

Shorten syntax of labelBaseline

The common baseline that should be aligned between this label span and its parent label span, or, for the root label spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..labelIdeographic();

Equivalent to

InputDecoration(
  labelStyle: TextStyle(
    labelBaseline: Textbaseline.ideographic,
  ),
);

hintText

Hint text.

Example Usage:

NikuTextField()
  ..hintText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    hintText: input,
  )
);

hintMaxlines

Maximum line of hint text.

Example Usage:

NikuTextField()
  ..hintMaxLines(3);

Equivalent to

TextFormField(
  decoration: InputDecoration(
    hintMaxLines: 3,
  );
);

hintStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..hintStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    hintStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

hintColors

Set color of hint.

Example Usage:

NikuTextField()
  ..hintColors(Colors.blue);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

hintBackgroundColor

Set background color of hint.

Example Usage:

NikuTextField()
  ..hintBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    backgroundColor: input,
  ),
);

hintBg

Shorten syntax of hintBackgroundColor

Set background color of hint.

Example Usage:

NikuTextField()
  ..hintBg(Colors.red);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    backgroundColor: input,
  ),
);

hintFontSize

Set font size of hint.

Example Usage:

NikuTextField()
  ..hintFontSize(21);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontSize: input,
  ),
);

hintFontWeight

Set font weight of hint.

Example Usage:

NikuTextField()
  ..hintFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: input,
  ),
);

hintBold

Shorten syntax of hintFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..hintBold();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

hintW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..hintW100();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

hintW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..hintW200();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

hintW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..hintW300();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

hintW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..hintW400();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

hintW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..hintW500();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

hintW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..hintW600();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

hintW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..hintW700();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

hintW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..hintW800();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

hintW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..hintW900();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

hintFontStyle

Set font style of hint.

Example Usage:

NikuTextField()
  ..hintFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontStyle: input,
  ),
);

hintItalic

Shorten syntax of hintFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..hintItalic();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

hintLetterSpacing

Set letter spacing of hint.

Example Usage:

NikuTextField()
  ..hintLetterSpacing(2);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    letterSpacing: input,
  ),
);

hintWordSpacing

Set word spacing of hint.

Example Usage:

NikuTextField()
  ..hintWordSpacing(2);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    wordSpacing: input,
  ),
);

hintHeight

Set height.

Example Usage:

NikuTextField()
  ..hintHeight(2);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintHeight: input,
  ),
);

hintForeground

The paint drawn as a foreground for the hint.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    foreground: input,
  ),
);

hintBackground

The paint drawn as a foreground for the hint.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..hintBackground(paint);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    background: input,
  ),
);

hintShadows

Collection of hint's shadow.

Example Usage:

NikuTextField()
  ..hintShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    shadows: input,
  ),
);

hintFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..hintFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontFeatures: input,
  ),
);

hintDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..hintDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintDecoration: input,
  ),
);

hintDecorationColor

Set Color of hint decoration

Example Usage:

NikuTextField()
  ..hintDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(hintDecorationColor: input,
);

hintDecorationThickness

Set thickness of hint decoration

Example Usage:

NikuTextField()
  ..hintDecorationThickness(2);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintDecorationThickness: input,
  ),
);

hintFontFamily

Set font of hint.

Example Usage:

NikuTextField()
  ..hintFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontFamily: input,
  ),
);

hintFontFamilyFallback

Set font fallback of hint if fontFamily is missing.

Example Usage:

NikuTextField()
  ..hintFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

hintBaseline

The common baseline that should be aligned between this hint span and its parent hint span, or, for the root hint spans, with the line box.

Example Usage:

NikuTextField()
  ..hintBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintBaseline: input,
  ),
);

hintAlphabetic

Shorten syntax of hintBaseline

The common baseline that should be aligned between this hint span and its parent hint span, or, for the root hint spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..hintAlphabetic();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintBaseline: Textbaseline.alphabetic,
  ),
);

hintIdeographic

Shorten syntax of hintBaseline

The common baseline that should be aligned between this hint span and its parent hint span, or, for the root hint spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..hintIdeographic();

Equivalent to

InputDecoration(
  hintStyle: TextStyle(
    hintBaseline: Textbaseline.ideographic,
  ),
);

helperText

Hint text.

Example Usage:

NikuTextField()
  ..helperText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    helperText: input,
  )
);

helperStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..helperStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    helperStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

helperColors

Set color of helper.

Example Usage:

NikuTextField()
  ..helperColors(Colors.blue);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

helperBackgroundColor

Set background color of helper.

Example Usage:

NikuTextField()
  ..helperBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    backgroundColor: input,
  ),
);

helperBg

Shorten syntax of helperBackgroundColor

Set background color of helper.

Example Usage:

NikuTextField()
  ..helperBg(Colors.red);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    backgroundColor: input,
  ),
);

helperFontSize

Set font size of helper.

Example Usage:

NikuTextField()
  ..helperFontSize(21);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontSize: input,
  ),
);

helperFontWeight

Set font weight of helper.

Example Usage:

NikuTextField()
  ..helperFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: input,
  ),
);

helperBold

Shorten syntax of helperFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..helperBold();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

helperW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..helperW100();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

helperW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..helperW200();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

helperW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..helperW300();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

helperW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..helperW400();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

helperW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..helperW500();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

helperW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..helperW600();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

helperW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..helperW700();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

helperW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..helperW800();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

helperW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..helperW900();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

helperFontStyle

Set font style of helper.

Example Usage:

NikuTextField()
  ..helperFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontStyle: input,
  ),
);

helperItalic

Shorten syntax of helperFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..helperItalic();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

helperLetterSpacing

Set letter spacing of helper.

Example Usage:

NikuTextField()
  ..helperLetterSpacing(2);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    letterSpacing: input,
  ),
);

helperWordSpacing

Set word spacing of helper.

Example Usage:

NikuTextField()
  ..helperWordSpacing(2);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    wordSpacing: input,
  ),
);

helperHeight

Set height.

Example Usage:

NikuTextField()
  ..helperHeight(2);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperHeight: input,
  ),
);

helperForeground

The paint drawn as a foreground for the helper.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    foreground: input,
  ),
);

helperBackground

The paint drawn as a foreground for the helper.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..helperBackground(paint);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    background: input,
  ),
);

helperShadows

Collection of helper's shadow.

Example Usage:

NikuTextField()
  ..helperShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    shadows: input,
  ),
);

helperFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..helperFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontFeatures: input,
  ),
);

helperDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..helperDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperDecoration: input,
  ),
);

helperDecorationColor

Set Color of helper decoration

Example Usage:

NikuTextField()
  ..helperDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(helperDecorationColor: input,
);

helperDecorationThickness

Set thickness of helper decoration

Example Usage:

NikuTextField()
  ..helperDecorationThickness(2);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperDecorationThickness: input,
  ),
);

helperFontFamily

Set font of helper.

Example Usage:

NikuTextField()
  ..helperFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontFamily: input,
  ),
);

helperFontFamilyFallback

Set font fallback of helper if fontFamily is missing.

Example Usage:

NikuTextField()
  ..helperFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

helperBaseline

The common baseline that should be aligned between this helper span and its parent helper span, or, for the root helper spans, with the line box.

Example Usage:

NikuTextField()
  ..helperBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperBaseline: input,
  ),
);

helperAlphabetic

Shorten syntax of helperBaseline

The common baseline that should be aligned between this helper span and its parent helper span, or, for the root helper spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..helperAlphabetic();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperBaseline: Textbaseline.alphabetic,
  ),
);

helperIdeographic

Shorten syntax of helperBaseline

The common baseline that should be aligned between this helper span and its parent helper span, or, for the root helper spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..helperIdeographic();

Equivalent to

InputDecoration(
  helperStyle: TextStyle(
    helperBaseline: Textbaseline.ideographic,
  ),
);

errorText

Hint text.

Example Usage:

NikuTextField()
  ..errorText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    errorText: input,
  )
);

errorStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..errorStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    errorStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

errorColors

Set color of error.

Example Usage:

NikuTextField()
  ..errorColors(Colors.blue);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

errorBackgroundColor

Set background color of error.

Example Usage:

NikuTextField()
  ..errorBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    backgroundColor: input,
  ),
);

errorBg

Shorten syntax of errorBackgroundColor

Set background color of error.

Example Usage:

NikuTextField()
  ..errorBg(Colors.red);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    backgroundColor: input,
  ),
);

errorFontSize

Set font size of error.

Example Usage:

NikuTextField()
  ..errorFontSize(21);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontSize: input,
  ),
);

errorFontWeight

Set font weight of error.

Example Usage:

NikuTextField()
  ..errorFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: input,
  ),
);

errorBold

Shorten syntax of errorFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..errorBold();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

errorW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..errorW100();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

errorW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..errorW200();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

errorW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..errorW300();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

errorW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..errorW400();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

errorW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..errorW500();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

errorW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..errorW600();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

errorW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..errorW700();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

errorW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..errorW800();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

errorW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..errorW900();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

errorFontStyle

Set font style of error.

Example Usage:

NikuTextField()
  ..errorFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontStyle: input,
  ),
);

errorItalic

Shorten syntax of errorFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..errorItalic();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

errorLetterSpacing

Set letter spacing of error.

Example Usage:

NikuTextField()
  ..errorLetterSpacing(2);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    letterSpacing: input,
  ),
);

errorWordSpacing

Set word spacing of error.

Example Usage:

NikuTextField()
  ..errorWordSpacing(2);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    wordSpacing: input,
  ),
);

errorHeight

Set height.

Example Usage:

NikuTextField()
  ..errorHeight(2);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorHeight: input,
  ),
);

errorForeground

The paint drawn as a foreground for the error.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    foreground: input,
  ),
);

errorBackground

The paint drawn as a foreground for the error.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..errorBackground(paint);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    background: input,
  ),
);

errorShadows

Collection of error's shadow.

Example Usage:

NikuTextField()
  ..errorShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    shadows: input,
  ),
);

errorFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..errorFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontFeatures: input,
  ),
);

errorDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..errorDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorDecoration: input,
  ),
);

errorDecorationColor

Set Color of error decoration

Example Usage:

NikuTextField()
  ..errorDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(errorDecorationColor: input,
);

errorDecorationThickness

Set thickness of error decoration

Example Usage:

NikuTextField()
  ..errorDecorationThickness(2);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorDecorationThickness: input,
  ),
);

errorFontFamily

Set font of error.

Example Usage:

NikuTextField()
  ..errorFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontFamily: input,
  ),
);

errorFontFamilyFallback

Set font fallback of error if fontFamily is missing.

Example Usage:

NikuTextField()
  ..errorFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

errorBaseline

The common baseline that should be aligned between this error span and its parent error span, or, for the root error spans, with the line box.

Example Usage:

NikuTextField()
  ..errorBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorBaseline: input,
  ),
);

errorAlphabetic

Shorten syntax of errorBaseline

The common baseline that should be aligned between this error span and its parent error span, or, for the root error spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..errorAlphabetic();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorBaseline: Textbaseline.alphabetic,
  ),
);

errorIdeographic

Shorten syntax of errorBaseline

The common baseline that should be aligned between this error span and its parent error span, or, for the root error spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..errorIdeographic();

Equivalent to

InputDecoration(
  errorStyle: TextStyle(
    errorBaseline: Textbaseline.ideographic,
  ),
);

floatingLabelBehavior

Defines the behavior of the floating label.

Example Usage:

NikuTextField()
  ..flaotingLabelBehavior(
    FloatingLabelBehavior.always,
  );

Equivalent to

InputDecoration(
  floatingLabelBehavior: FloatingLabelBehavior: input,
);

isCollapsed

Whether the decoration is the same size as the input field.

Default value is: true.

Example Usage:

NikuTextField()
  ..isCollapsed(true);

Equivalent to

InputDecoration(
  isCollpase: input,
);

isDense

Whether the [InputDecorator.child] is part of a dense form (i.e., uses less vertical space).

Default value is: true.

Example Usage:

NikuTextField()
  ..isDense(true);

Equivalent to

InputDecoration(
  isDense: input,
);

contentPadding

The padding for the input decoration's container.

Example Usage:

NikuTextField()
  ..contentPadding(EdgeInsets.all(20));

Equivalent to

InputDecoration(
  contentPadding: input,
);

prefixIcon

An icon that appears before the [prefix] or [prefixText] and before the editable part of the text field, within the decoration's container.

Example Usage:

NikuTextField()
  ..prefixIcon(
    Icon(Icons.edit),
  );

Equivalent to

InputDecoration(
  prefixIcon: input,
);

prefixIconConstraints

An icon that appears before the [prefix] or [prefixText] and before the editable part of the text field, within the decoration's container.

Example Usage:

NikuTextField()
  ..prefixIconConstraints(
    BoxConstraints(
      minWidth: 32,
    ),
  );

Equivalent to

InputDecoration(
  prefixIconConstraints: input,
);

prefix

Hint text.

Example Usage:

NikuTextField()
  ..prefix(
    Text("Username"),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    prefixText: input,
  )
);

prefixText

Hint text.

Example Usage:

NikuTextField()
  ..prefixText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    prefixText: input,
  )
);

prefixStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..prefixStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    prefixStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

prefixColors

Set color of prefix.

Example Usage:

NikuTextField()
  ..prefixColors(Colors.blue);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

prefixBackgroundColor

Set background color of prefix.

Example Usage:

NikuTextField()
  ..prefixBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    backgroundColor: input,
  ),
);

prefixBg

Shorten syntax of prefixBackgroundColor

Set background color of prefix.

Example Usage:

NikuTextField()
  ..prefixBg(Colors.red);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    backgroundColor: input,
  ),
);

prefixFontSize

Set font size of prefix.

Example Usage:

NikuTextField()
  ..prefixFontSize(21);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontSize: input,
  ),
);

prefixFontWeight

Set font weight of prefix.

Example Usage:

NikuTextField()
  ..prefixFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: input,
  ),
);

prefixBold

Shorten syntax of prefixFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..prefixBold();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

prefixW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..prefixW100();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

prefixW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..prefixW200();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

prefixW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..prefixW300();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

prefixW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..prefixW400();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

prefixW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..prefixW500();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

prefixW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..prefixW600();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

prefixW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..prefixW700();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

prefixW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..prefixW800();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

prefixW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..prefixW900();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

prefixFontStyle

Set font style of prefix.

Example Usage:

NikuTextField()
  ..prefixFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontStyle: input,
  ),
);

prefixItalic

Shorten syntax of prefixFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..prefixItalic();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

prefixLetterSpacing

Set letter spacing of prefix.

Example Usage:

NikuTextField()
  ..prefixLetterSpacing(2);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    letterSpacing: input,
  ),
);

prefixWordSpacing

Set word spacing of prefix.

Example Usage:

NikuTextField()
  ..prefixWordSpacing(2);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    wordSpacing: input,
  ),
);

prefixHeight

Set height.

Example Usage:

NikuTextField()
  ..prefixHeight(2);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixHeight: input,
  ),
);

prefixForeground

The paint drawn as a foreground for the prefix.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    foreground: input,
  ),
);

prefixBackground

The paint drawn as a foreground for the prefix.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..prefixBackground(paint);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    background: input,
  ),
);

prefixShadows

Collection of prefix's shadow.

Example Usage:

NikuTextField()
  ..prefixShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    shadows: input,
  ),
);

prefixFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..prefixFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontFeatures: input,
  ),
);

prefixDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..prefixDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixDecoration: input,
  ),
);

prefixDecorationColor

Set Color of prefix decoration

Example Usage:

NikuTextField()
  ..prefixDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(prefixDecorationColor: input,
);

prefixDecorationThickness

Set thickness of prefix decoration

Example Usage:

NikuTextField()
  ..prefixDecorationThickness(2);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixDecorationThickness: input,
  ),
);

prefixFontFamily

Set font of prefix.

Example Usage:

NikuTextField()
  ..prefixFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontFamily: input,
  ),
);

prefixFontFamilyFallback

Set font fallback of prefix if fontFamily is missing.

Example Usage:

NikuTextField()
  ..prefixFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

prefixBaseline

The common baseline that should be aligned between this prefix span and its parent prefix span, or, for the root prefix spans, with the line box.

Example Usage:

NikuTextField()
  ..prefixBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixBaseline: input,
  ),
);

prefixAlphabetic

Shorten syntax of prefixBaseline

The common baseline that should be aligned between this prefix span and its parent prefix span, or, for the root prefix spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..prefixAlphabetic();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixBaseline: Textbaseline.alphabetic,
  ),
);

prefixIdeographic

Shorten syntax of prefixBaseline

The common baseline that should be aligned between this prefix span and its parent prefix span, or, for the root prefix spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..prefixIdeographic();

Equivalent to

InputDecoration(
  prefixStyle: TextStyle(
    prefixBaseline: Textbaseline.ideographic,
  ),
);

suffixIcon

An icon that appears before the [suffix] or [suffixText] and before the editable part of the text field, within the decoration's container.

Example Usage:

NikuTextField()
  ..suffixIcon(
    Icon(Icons.edit),
  );

Equivalent to

InputDecoration(
  suffixIcon: input,
);

suffixIconConstraints

An icon that appears before the [suffix] or [suffixText] and before the editable part of the text field, within the decoration's container.

Example Usage:

NikuTextField()
  ..suffixIconConstraints(
    BoxConstraints(
      minWidth: 32,
    ),
  );

Equivalent to

InputDecoration(
  suffixIconConstraints: input,
);

suffix

Hint text.

Example Usage:

NikuTextField()
  ..suffix(
    Text("Username"),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    suffixText: input,
  )
);

suffixText

Hint text.

Example Usage:

NikuTextField()
  ..suffixText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    suffixText: input,
  )
);

suffixStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..suffixStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    suffixStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

suffixColors

Set color of suffix.

Example Usage:

NikuTextField()
  ..suffixColors(Colors.blue);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

suffixBackgroundColor

Set background color of suffix.

Example Usage:

NikuTextField()
  ..suffixBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    backgroundColor: input,
  ),
);

suffixBg

Shorten syntax of suffixBackgroundColor

Set background color of suffix.

Example Usage:

NikuTextField()
  ..suffixBg(Colors.red);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    backgroundColor: input,
  ),
);

suffixFontSize

Set font size of suffix.

Example Usage:

NikuTextField()
  ..suffixFontSize(21);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontSize: input,
  ),
);

suffixFontWeight

Set font weight of suffix.

Example Usage:

NikuTextField()
  ..suffixFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: input,
  ),
);

suffixBold

Shorten syntax of suffixFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..suffixBold();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

suffixW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..suffixW100();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

suffixW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..suffixW200();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

suffixW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..suffixW300();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

suffixW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..suffixW400();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

suffixW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..suffixW500();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

suffixW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..suffixW600();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

suffixW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..suffixW700();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

suffixW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..suffixW800();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

suffixW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..suffixW900();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

suffixFontStyle

Set font style of suffix.

Example Usage:

NikuTextField()
  ..suffixFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontStyle: input,
  ),
);

suffixItalic

Shorten syntax of suffixFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..suffixItalic();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

suffixLetterSpacing

Set letter spacing of suffix.

Example Usage:

NikuTextField()
  ..suffixLetterSpacing(2);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    letterSpacing: input,
  ),
);

suffixWordSpacing

Set word spacing of suffix.

Example Usage:

NikuTextField()
  ..suffixWordSpacing(2);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    wordSpacing: input,
  ),
);

suffixHeight

Set height.

Example Usage:

NikuTextField()
  ..suffixHeight(2);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixHeight: input,
  ),
);

suffixForeground

The paint drawn as a foreground for the suffix.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    foreground: input,
  ),
);

suffixBackground

The paint drawn as a foreground for the suffix.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..suffixBackground(paint);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    background: input,
  ),
);

suffixShadows

Collection of suffix's shadow.

Example Usage:

NikuTextField()
  ..suffixShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    shadows: input,
  ),
);

suffixFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..suffixFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontFeatures: input,
  ),
);

suffixDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..suffixDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixDecoration: input,
  ),
);

suffixDecorationColor

Set Color of suffix decoration

Example Usage:

NikuTextField()
  ..suffixDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(suffixDecorationColor: input,
);

suffixDecorationThickness

Set thickness of suffix decoration

Example Usage:

NikuTextField()
  ..suffixDecorationThickness(2);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixDecorationThickness: input,
  ),
);

suffixFontFamily

Set font of suffix.

Example Usage:

NikuTextField()
  ..suffixFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontFamily: input,
  ),
);

suffixFontFamilyFallback

Set font fallback of suffix if fontFamily is missing.

Example Usage:

NikuTextField()
  ..suffixFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

suffixBaseline

The common baseline that should be aligned between this suffix span and its parent suffix span, or, for the root suffix spans, with the line box.

Example Usage:

NikuTextField()
  ..suffixBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixBaseline: input,
  ),
);

suffixAlphabetic

Shorten syntax of suffixBaseline

The common baseline that should be aligned between this suffix span and its parent suffix span, or, for the root suffix spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..suffixAlphabetic();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixBaseline: Textbaseline.alphabetic,
  ),
);

suffixIdeographic

Shorten syntax of suffixBaseline

The common baseline that should be aligned between this suffix span and its parent suffix span, or, for the root suffix spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..suffixIdeographic();

Equivalent to

InputDecoration(
  suffixStyle: TextStyle(
    suffixBaseline: Textbaseline.ideographic,
  ),
);

counter

Hint text.

Example Usage:

NikuTextField()
  ..counter(
    Text("Username"),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    counterText: input,
  )
);

counterText

Hint text.

Example Usage:

NikuTextField()
  ..counterText("Username");

Equivalent to

TextFormField(
  decoration: InputDecoration(
    counterText: input,
  )
);

counterStyle

Stying of label using [TextStyle].

Example Usage:

NikuTextField()
  ..counterStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    counterStyle: TextStyle(
      colors: MaterialStateProperty.resolveWith<T>((states) {
        return input;
      });
    ),
  );
);

counterColors

Set color of counter.

Example Usage:

NikuTextField()
  ..counterColors(Colors.blue);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    colors: MaterialStateProperty.resolveWith<T>((states) {
      return input;
    });
  ),
);

counterBackgroundColor

Set background color of counter.

Example Usage:

NikuTextField()
  ..counterBackgroundColor(Colors.red);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    backgroundColor: input,
  ),
);

counterBg

Shorten syntax of counterBackgroundColor

Set background color of counter.

Example Usage:

NikuTextField()
  ..counterBg(Colors.red);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    backgroundColor: input,
  ),
);

counterFontSize

Set font size of counter.

Example Usage:

NikuTextField()
  ..counterFontSize(21);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontSize: input,
  ),
);

counterFontWeight

Set font weight of counter.

Example Usage:

NikuTextField()
  ..counterFontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: input,
  ),
);

counterBold

Shorten syntax of counterFontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..counterBold();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

counterW100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..counterW100();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

counterW200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..counterW200();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

counterW300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..counterW300();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

counterW400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..counterW400();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

counterW500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..counterW500();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

counterW600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..counterW600();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

counterW700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..counterW700();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

counterW800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..counterW800();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

counterW900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..counterW900();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

counterFontStyle

Set font style of counter.

Example Usage:

NikuTextField()
  ..counterFontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontStyle: input,
  ),
);

counterItalic

Shorten syntax of counterFontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..counterItalic();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

counterLetterSpacing

Set letter spacing of counter.

Example Usage:

NikuTextField()
  ..counterLetterSpacing(2);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    letterSpacing: input,
  ),
);

counterWordSpacing

Set word spacing of counter.

Example Usage:

NikuTextField()
  ..counterWordSpacing(2);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    wordSpacing: input,
  ),
);

counterHeight

Set height.

Example Usage:

NikuTextField()
  ..counterHeight(2);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterHeight: input,
  ),
);

counterForeground

The paint drawn as a foreground for the counter.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    foreground: input,
  ),
);

counterBackground

The paint drawn as a foreground for the counter.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..counterBackground(paint);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    background: input,
  ),
);

counterShadows

Collection of counter's shadow.

Example Usage:

NikuTextField()
  ..counterShadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    shadows: input,
  ),
);

counterFontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..counterFontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontFeatures: input,
  ),
);

counterDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..counterDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterDecoration: input,
  ),
);

counterDecorationColor

Set Color of counter decoration

Example Usage:

NikuTextField()
  ..counterDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(counterDecorationColor: input,
);

counterDecorationThickness

Set thickness of counter decoration

Example Usage:

NikuTextField()
  ..counterDecorationThickness(2);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterDecorationThickness: input,
  ),
);

counterFontFamily

Set font of counter.

Example Usage:

NikuTextField()
  ..counterFontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontFamily: input,
  ),
);

counterFontFamilyFallback

Set font fallback of counter if fontFamily is missing.

Example Usage:

NikuTextField()
  ..counterFontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    fontFamilyFallback: input,
  ),
);

counterBaseline

The common baseline that should be aligned between this counter span and its parent counter span, or, for the root counter spans, with the line box.

Example Usage:

NikuTextField()
  ..counterBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterBaseline: input,
  ),
);

counterAlphabetic

Shorten syntax of counterBaseline

The common baseline that should be aligned between this counter span and its parent counter span, or, for the root counter spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..counterAlphabetic();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterBaseline: Textbaseline.alphabetic,
  ),
);

counterIdeographic

Shorten syntax of counterBaseline

The common baseline that should be aligned between this counter span and its parent counter span, or, for the root counter spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..counterIdeographic();

Equivalent to

InputDecoration(
  counterStyle: TextStyle(
    counterBaseline: Textbaseline.ideographic,
  ),
);

filled

If true the decoration's container is filled with [fillColor].

Default value is: true.

Example Usage:

NikuTextField()
  ..filled(true);

Equivalent to

InputDecoration(
  filled: input
);

fillColor

The base fill color of the decoration's container color.

Example Usage:

NikuTextField()
  ..fillColor(Colors.blue);

Equivalent to

InputDecoration(
  fillColor: input,
);

hoverColor

The base fill color of the decoration's container color when hovered.

Example Usage:

NikuTextField()
  ..hoverColor(Colors.blue);

Equivalent to

InputDecoration(
  hoverColor: input,
);

focusColor

The base fill color of the decoration's container color when focused.

Example Usage:

NikuTextField()
  ..focusColor(Colors.blue);

Equivalent to

InputDecoration(
  focusColor: input,
);

setFillColor

Set multiple [FillColor] at once.

The argument accept named paramters:

  • base
  • hover
  • focus

Example Usage:

NikuTextField()
  ..fill(
    base: Colors.grey,
    focus: Colors.blue
  );

Equivalent to

InputDecoration(
  filled: true,
  fillColor: base
  focusColor: input,
  focus: focus,
);

setFillColor

Set multiple [FillColor] at once.

The argument accept named paramters:

  • base
  • hover
  • focus

Example Usage:

NikuTextField()
  ..fill(
    base: Colors.grey,
    focus: Colors.blue
  );

Equivalent to

InputDecoration(
  filled: true,
  fillColor: base
  focusColor: input,
  focus: focus,
);

border

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..border(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  border: input,
);

b

Shorten syntax of setBorder

Set all shape of the border to draw around the decoration's container.

Example Usage:

NikuTextField()
  ..b(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  border: input,
  enabledBorder: input,
  disabledBorder: input,
  focusedBorder: input,
  errorBorder: input,
  errorFocusedBorder: input
);

setBorder

Set multiple shape of the border to draw around the decoration's container.

The argument accept named paramters:

  • base
  • enabled
  • disabled
  • focused
  • focusedError
  • error

Example Usage:

NikuTextField()
  ..border(
    base: OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  border: input,
  enabledBorder: input,
  disabledBorder: input,
  focusedBorder: input,
  errorBorder: input,
);

enabledBorder

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..errorBorder(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  enabledBorder: input,
);

errorBorder

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..errorBorder(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  errorBorder: input,
);

focusedBorder

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..focusedBorder(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  focusedBorder: input,
);

errorFocusedBorder

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..errorFocusedBorder(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  errorFocusedBorder: input,
);

disabledBorder

The shape of the border to draw around the decorations' container.

Example Usage:

NikuTextField()
  ..disabledBorder(
    OutlineInputBorder(
      BorderSide(
        width: 2,
        color: Colors.blue,
      ),
    ),
  );

Equivalent to

InputDecoration(
  disabledBorder: OutlineInputBorder(
    BorderSide(
      width: 2,
      color: Colors.blue,
    ),
  ),
);

outlined

The shape of the border to draw around the decoration's container

Using OutlinedInputBorder

The argument accept named paramters:

  • width
  • color
  • style
  • borderRadius
  • gap

Example Usage:

NikuTextField()
  ..outlined(
    width: 2,
    color: Colors.blue,
  );

Equivalent to

InputDecoration(
  border: OutlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
  enabledBorder: OutlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
  disabledBorder: OutlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
  focusedBorder: OutlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
  errorBorder: OutlineInputBorder(
    BorderSide(
      width: width,
      color: Colors.red,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
  errorFocusedBorder: OutlineInputBorder(
    BorderSide(
      width: width,
      color: Colors.red,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  ),
);

underlined

The shape of the border to draw around the decoration's container

Using UnderlineInputBorder

The argument accept named paramters:

  • width
  • color
  • style
  • borderRadius
  • gap

Example Usage:

NikuTextField()
  ..underlined(
    width: 2,
    color: Colors.blue,
  );

Equivalent to

InputDecoration(
  border: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style
    ),
    borderRadius: borderRadius,
  ),
  enabledBorder: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style
    ),
    borderRadius: borderRadius,
  ),
  disabledBorder: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style
    ),
    borderRadius: borderRadius,
  ),
  focusedBorder: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: color,
      style: style,
    ),
    borderRadius: borderRadius,
  ),
  errorBorder: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: Colors.red,
      style: style,
    ),
    borderRadius: borderRadius,
  ),
  errorFocusedBorder: UnderlineInputBorder(
    BorderSide(
      width: width,
      color: Colors.red,
      style: style,
    ),
    borderRadius: borderRadius,
  ),
);

borderColor

Setting multiple border color at once.

The argument accept named paramters:

  • base
  • enabled
  • disabled
  • focused
  • error
  • focusedError

Example Usage:

NikuTextField()
  ..borderColor(
    base: Colors.grey,
    focused: Colors.blue,
  );

Equivalent to

InputDecoration(
  border: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: base,
    ),
  ),
  enabledBorder: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: enabled,
    ),
  ),
  disabledBorder: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: disabled,
    ),
  ),
  focusedBorder: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: focused,
    ),
  ),
  errorBorder: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: error,
    ),
  ),
  errorFocusedBorder: UnderlineInputBorder(
    BorderSide(
      # ...Others properties
      color: errorFocused,
    ),
  ),
);

enableInputDecoration

If false [helperText], [errorText], and [counterText] are not displayed, and the opacity of the remaining visual elements is reduced.

Default value is: true.

Example Usage:

NikuTextField()
  ..enableInputDecoration(true);

Equivalent to

InputDecoration(
  enabled: input,
);

semanticCounterText

A semantic label for the [counterText].

Example Usage:

NikuTextField()
  ..semanticCounterText("Username");

Equivalent to

InputDecoration(
  semanticCounterText: input,
);

alignLabelWithHint

Align label as same level as hint.

Default value is: true.

Example Usage:

NikuTextField()
  ..alignLabelWithHint(true);

Equivalent to

InputDecoration(
  alignLabelWithHint: input,
);

textStyle

Stying of text using [TextStyle].

Example Usage:

NikuTextField()
  ..textStyle(
    TextStyle(
      color: Colors.blue,
      fontSize: 21,
    ),
  );

Equivalent to

TextFormField(
  decoration: InputDecoration(
    style: input,
  ),
);

colors

Set color of text.

Example Usage:

NikuTextField()
  ..colors(Colors.blue);

Equivalent to

InputDecoration(
  style: TextStyle(
    colors: input,
  ),
);

backgroundColor

Set background color of text.

Example Usage:

NikuTextField()
  ..backgroundColor(Colors.red);

Equivalent to

InputDecoration(
  style: TextStyle(
    backgroundColor: input,
  ),
);

bg

Shorten syntax of backgroundColor

Set background color of text.

Example Usage:

NikuTextField()
  ..bg(Colors.red);

Equivalent to

InputDecoration(
  style: TextStyle(
    backgroundColor: input,
  ),
);

fontSize

Set font size of text.

Example Usage:

NikuTextField()
  ..fontSize(21);

Equivalent to

InputDecoration(
  style: TextStyle(
    fontSize: input,
  ),
);

fontWeight

Set font weight of text.

Example Usage:

NikuTextField()
  ..fontWeight(fontWeight.bold);

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: input,
  ),
);

bold

Shorten syntax of fontWeight

Set font weight using FontWeight.bold.

Example Usage:

NikuTextField()
  ..bold();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.bold,
  ),
);

w100

Shorten syntax of fontWeight

Set font weight using FontWeight.w100.

Example Usage:

NikuTextField()
  ..w100();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w100,
  ),
);

w200

Shorten syntax of fontWeight

Set font weight using FontWeight.w200.

Example Usage:

NikuTextField()
  ..w200();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w200,
  ),
);

w300

Shorten syntax of fontWeight

Set font weight using FontWeight.w300.

Example Usage:

NikuTextField()
  ..w300();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w300,
  ),
);

w400

Shorten syntax of fontWeight

Set font weight using FontWeight.w400.

Example Usage:

NikuTextField()
  ..w400();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w400,
  ),
);

w500

Shorten syntax of fontWeight

Set font weight using FontWeight.w500.

Example Usage:

NikuTextField()
  ..w500();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w500,
  ),
);

w600

Shorten syntax of fontWeight

Set font weight using FontWeight.w600.

Example Usage:

NikuTextField()
  ..w600();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w600,
  ),
);

w700

Shorten syntax of fontWeight

Set font weight using FontWeight.w700.

Example Usage:

NikuTextField()
  ..w700();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w700,
  ),
);

w800

Shorten syntax of fontWeight

Set font weight using FontWeight.w800.

Example Usage:

NikuTextField()
  ..w800();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w800,
  ),
);

w900

Shorten syntax of fontWeight

Set font weight using FontWeight.w900.

Example Usage:

NikuTextField()
  ..w900();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontWeight: FontWeight.w900,
  ),
);

fontStyle

Set font style of text.

Example Usage:

NikuTextField()
  ..fontStyle(FontStyle.italic);

Equivalent to

InputDecoration(
  style: TextStyle(
    fontStyle: input,
  ),
);

italic

Shorten syntax of fontStyle

Set font weight using FontStyle.italic.

Example Usage:

NikuTextField()
  ..italic();

Equivalent to

InputDecoration(
  style: TextStyle(
    fontStyle: FontStyle.italic,
  ),
);

letterSpacing

Set letter spacing of text.

Example Usage:

NikuTextField()
  ..letterSpacing(2);

Equivalent to

InputDecoration(
  style: TextStyle(
    letterSpacing: input,
  ),
);

wordSpacing

Set word spacing of text.

Example Usage:

NikuTextField()
  ..wordSpacing(2);

Equivalent to

InputDecoration(
  style: TextStyle(
    wordSpacing: input,
  ),
);

textHeight

Set height.

Example Usage:

NikuTextField()
  ..textHeight(2);

Equivalent to

InputDecoration(
  style: TextStyle(
    textHeight: input,
  ),
);

foreground

The paint drawn as a foreground for the text.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..foreground(paint);

Equivalent to

InputDecoration(
  style: TextStyle(
    foreground: input,
  ),
);

background

The paint drawn as a foreground for the text.

Example Usage:

final paint = Paint()..color = Colors.blue;

NikuTextField()
  ..background(paint);

Equivalent to

InputDecoration(
  style: TextStyle(
    background: input,
  ),
);

shadows

Collection of text's shadow.

Example Usage:

NikuTextField()
  ..shadows([
    Shadow(
      offset: Offset(0, 4),
      blurRadius: 8,
      color: Colors.black.withOpacity(.1),
    )
  ]);

Equivalent to

InputDecoration(
  style: TextStyle(
    shadows: input,
  ),
);

fontFeature

A feature tag and value that affect the selection of glyphs in a font.

Example Usage:

NikuTextField()
  ..fontFeatures([
    FontFeature.enable('smcp'),
  ]);

Equivalent to

InputDecoration(
  style: TextStyle(
    fontFeatures: input,
  ),
);

textDecoration

Add TextDecoration.

Example Usage:

NikuTextField()
  ..textDecoration(TextDecoration.underline);

Equivalent to

InputDecoration(
  style: TextStyle(
    textDecoration: input,
  ),
);

textDecorationColor

Set Color of text decoration

Example Usage:

NikuTextField()
  ..textDecorationColor(Colors.blue);

Equivalent to

InputDecoration(
  style: TextStyle(textDecorationColor: input,
);

textDecorationThickness

Set thickness of text decoration

Example Usage:

NikuTextField()
  ..textDecorationThickness(2);

Equivalent to

InputDecoration(
  style: TextStyle(
    textDecorationThickness: input,
  ),
);

fontFamily

Set font of text.

Example Usage:

NikuTextField()
  ..fontFamily('Helvetica Neue');

Equivalent to

InputDecoration(
  style: TextStyle(
    fontFamily: input,
  ),
);

fontFamilyFallback

Set font fallback of text if fontFamily is missing.

Example Usage:

NikuTextField()
  ..fontFamilyFallback([
    'Roboto',
    'Segoe UI',
    'Open Sans',
  ]);

Equivalent to

InputDecoration(
  style: TextStyle(
    fontFamilyFallback: input,
  ),
);

textBaseline

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Example Usage:

NikuTextField()
  ..textBaseline(Textbaseline.alphabetic);

Equivalent to

InputDecoration(
  style: TextStyle(
    textBaseline: input,
  ),
);

alphabetic

Shorten syntax of textBaseline

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using Textbaseline.alphabetic

Example Usage:

NikuTextField()
  ..alphabetic();

Equivalent to

InputDecoration(
  style: TextStyle(
    textBaseline: Textbaseline.alphabetic,
  ),
);

textIdeographic

Shorten syntax of textBaseline

The common baseline that should be aligned between this text span and its parent text span, or, for the root text spans, with the line box.

Using Textbaseline.ideographic

Example Usage:

NikuTextField()
  ..ideographic();

Equivalent to

InputDecoration(
  style: TextStyle(
    textBaseline: Textbaseline.ideographic,
  ),
);