OTP Text Field

Additional

Language
C++
Version
N/A
Created
Mar 8, 2020
Updated
Sep 8, 2023
Owner
Vivek Kaushik (iamvivekkaushik)
Contributors
Vivek Kaushik (iamvivekkaushik)
Stefan Schaller (stefanschaller)
2
Activity
Badge
Generate
Download
Source code

OTP Text Field

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


Stay tuned for the latest updates:


????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.