Unable to change textborder for PinFieldAutoFill when global theme for textfield defined

Hi,

I am using the PinFieldAutoFill widget for OTP functionality. But, because of the global theme, I defined it is effecting this Widget too.

Decoration Defined for InputDecoration

InputDecorationTheme inputDecorationTheme() {
  OutlineInputBorder outlineInputBorder = OutlineInputBorder(
    borderRadius: BorderRadius.circular(28),
    borderSide: BorderSide(color: bsTextColor),
    gapPadding: 10,
 );
 return InputDecorationTheme(
    contentPadding: const EdgeInsets.symmetric(
       horizontal: 42,
       vertical: 20,
    ),
    enabledBorder: outlineInputBorder,
    focusedBorder: outlineInputBorder,
    border: outlineInputBorder,
 );
}

Inside the MaterialApp I’ve defined it as following

theme: ThemeData(
    inputDecorationTheme: inputDecorationTheme(),
)

But this is effecting the PinFieldAutoFill widget with BoxLooseDecoration and causes something like below

See those grey lines above and below after each text box… How can override the parent theme for this widget?

[jaumard]

I’m using pin_input_text_field: ">=3.0.5 <4.0.0" so you can run pub update it should update to last available version 😃

[jaumard]

No never have that issue, and this field is coming from pin_input_text_field package so you might want to ask them about this ^^