How to create OTP Text Field widget

A flutter package to create a OTP Text Field widget in your application.

Installation

Import the following package in your dart file

import 'package:otp_text_field/otp_field.dart';
import 'package:otp_text_field/style.dart';

Usage

Use the OTP Text Field Widget

OTPTextField(
  length: 5,
  width: MediaQuery.of(context).size.width,
  fieldWidth: 80,
  style: TextStyle(
    fontSize: 17
  ),
  textFieldAlignment: MainAxisAlignment.spaceAround,
  fieldStyle: FieldStyle.underline,
  onCompleted: (pin) {
    print("Completed: " + pin);
  },
),

Demo