TinoGuo/pin_input_text_field

Validator message alignment issue

Opened this issue · 0 comments

I'm using BoxLooseDecoration in PinInputTextFormField, and when validator added it look like this

Screenshot 2024-02-07 at 11 15 13 AM

    PinInputTextFormField(
          pinLength: 4,
          decoration: BoxLooseDecoration(
              radius: const Radius.circular(0),
              gapSpace: 40,
              strokeColorBuilder: PinListenColorBuilder(
                Palette.primary,
                Palette.grey.withOpacity(0.6),
              ),
              obscureStyle: ObscureStyle(
                isTextObscure: true,
                obscureText: '●',
              )),
          onChanged: (value) {
            debugPrint('onChanged OTP $value');
         
          },
          validator: (value) {
            if ((value?.isEmpty ?? true) || (value?.length ?? 0) < 4) {
              return "OTP is required";
            }
            return null;
          },
          onSubmit: (value) {
           
          },
        ),