outlined method

NikuTextField outlined({
  1. double width = 2,
  2. Color color = Colors.grey,
  3. BorderStyle style = BorderStyle.solid,
  4. BorderRadius borderRadius = const BorderRadius.all(Radius.circular(8)),
  5. double gap = 4,
})

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

Using OutlineInputBorder.

Equivalent to

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderSide: BorderSide(
        color: color,
        width: width,
        style: style
      ),
      borderRadius: borderRadius,
      gapPadding: gap,
    ),
  ),
);

Implementation

NikuTextField outlined({
  double width = 2,
  Color color = Colors.grey,
  BorderStyle style = BorderStyle.solid,
  BorderRadius borderRadius = const BorderRadius.all(Radius.circular(8)),
  double gap = 4,
}) {
  final border = OutlineInputBorder(
    borderSide: BorderSide(
      color: color,
      width: width,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  );

  final errorBorder = OutlineInputBorder(
    borderSide: BorderSide(
      color: Colors.red,
      width: width,
      style: style,
    ),
    borderRadius: borderRadius,
    gapPadding: gap,
  );

  _input_border = border;
  _input_enabledBorder = border;
  _input_disabledBorder = border;
  _input_focusedBorder = border;
  _input_errorBorder = errorBorder;
  _input_focusedErrorBorder = errorBorder;

  return this;
}