PinCodeTextField(

      appContext: context,

      length: 4,

      controller: controller,

      animationType: AnimationType.none,

      mainAxisAlignment: MainAxisAlignment.start,

      keyboardType: TextInputType.number,

      onCompleted: onCompleted,

      pinTheme: PinTheme(

        fieldOuterPadding: const EdgeInsets.symmetric(horizontal: 4),

        shape: PinCodeFieldShape.box,

        borderRadius: BorderRadius.circular(8),

        borderWidth: 1,

        fieldHeight: 81,

        fieldWidth: 62,

        selectedColor: Colors.red,

        selectedFillColor: Color(0xFFFFFFFF),

        inactiveColor: Colors.grey,

        inactiveFillColor: Color(0xFFFFFFFF),

        activeColor: Colors.greenAccent,

        activeFillColor: Color(0xFFFFFFFF),

        disabledColor: Theme.of(context).primaryColorLight,

      ),

      inputFormatters: [

        FilteringTextInputFormatter.allow(RegExp("[0-9]")),

      ],

    )