decorateInput method

  1. @override
Widget decorateInput(
  1. Widget field
)
override

Extra chrome a style paints around an input (inset shadow, frost, clay drop…). Applied to the single-field otpField and to every digit box of otpBox, so both looks stay identical. Not used for the underline input style, which is chrome-less in every design.

Implementation

@override
Widget decorateInput(Widget field) {
  return DecoratedBox(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(inputRadius),
      boxShadow: [
        BoxShadow(
          color: _pastelDeep.withValues(alpha: 0.6),
          blurRadius: 0,
          offset: const Offset(0, 4),
        ),
      ],
    ),
    child: field,
  );
}