OTP Text Field

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


Stay tuned for the latest updates:


Pub Twitter

๐Ÿ“ฑScreenshots


โš™๏ธ 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);
  },
),

For more detail on usage, check out the example provided.

๐Ÿ™๐Ÿปโ€โ™‚๏ธ Author

๐Ÿ“„ License

OTP Text Field is released under the MIT license. See LICENSE for details.

Libraries

otp_field
otp_text_field
style