d_pin 0.0.4

Otp and pin input field with and without button and fully customized, with box or underline design.

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;