DPin

Otp and pin input field with and without button and fully customized.

Demo

Patron

Become a Patron!

Setup

dependencies:
  DPin: 0.0.1

import 'package:d_pin/d_pin.dart';

#Ecample

DPin(
  buttonColor: Colors.blue,
  buttonText: "Confirm",
  number: 6,
  fieldBorderColor: Colors.blue,
  withButton: true,
  onValueChanged: (v) {
    setState(() {
      value = v;
    });
  },
)

Properties

  /// How many box you need
  final int number;

  /// visible or secured
  final bool hidden;

  /// Box color
  final Color fieldBorderColor;

  /// Button text
  final String buttonText;

  /// Button color
  final Color buttonColor;

  /// Button text color
  final Color buttonTextColor;

  /// Button width
  final double buttonWidth;

  /// Box or underline
  final bool underline;

  /// With button or last button filled
  final bool withButton;

  /// Return result
  final ValueChanged<int> onValueChanged;