How to change Border Color ????

[uzairleo]

How to change border color when clicking on a button, button where text is filled and when it is filled and editing other value

[talhahasanzia]

Facing same issue

[uzairleo]

Hi @talhahasanzia i solved this , the solution is there inside the pintheme but this still need to be solve for generic purpose so if you want to change color of border just change the color of these fields accordingly activeFillColor selectedFillColor inActiveFillColor which are available inside PinTheme

attaching my pin code textfield for better understanding

PinCodeTextField(
              focusNode: viewModel.focusNode,
              autoDismissKeyboard: false,
              appContext: context,
              length: 6,
              obscureText: true,
              obscuringWidget: Container(
                height: 16.h,
                width: 16.w,
                decoration: const BoxDecoration(
                    color: Colors.white, shape: BoxShape.circle),
              ),
              animationType: AnimationType.fade,
              onSubmitted: (value) {
              },
              validator: (v) {
                if (v!.length < 6) {
                  return "";
                } else {
                  return null;
                }
              },
              textStyle: bodyTextStyle.copyWith(color: Colors.black),
              showCursor: false,
              pinTheme: PinTheme(
                  disabledColor: Colors.white,
                  shape: PinCodeFieldShape.circle,
                  fieldHeight: 16.h,
                  fieldWidth: 16.w,
                  activeFillColor: Colors.white.withOpacity(0.3),
                  inactiveFillColor: Colors.white.withOpacity(0.3),
                  selectedColor: Colors.white.withOpacity(0.3),
                  borderWidth: 0,
                  errorBorderWidth: 0,
                  activeBorderWidth: 0,
                  disabledBorderWidth: 0,
                  inactiveBorderWidth: 0,
                  selectedBorderWidth: 0,
                  inactiveColor: Colors.transparent,
                  activeColor: Colors.white.withOpacity(0.3),
                  selectedFillColor: Colors.white.withOpacity(0.3)),
              cursorColor: Colors.black,
              animationDuration: const Duration(milliseconds: 300),
              enableActiveFill: true,
              controller: viewModel.pinCodeEditingCtrlr2,
              keyboardType: TextInputType.number,
              boxShadows: const [
                BoxShadow(
                  offset: Offset(0, 1),
                  color: Colors.black12,
                )
              ],
              onCompleted: (v) {
                debugPrint("Completed");
              },
              onChanged: (value) {
                debugPrint(value);
              },
              beforeTextPaste: (text) {
                debugPrint("Allowing to paste $text");
                return true;
              },
            ),