animated_pin_input_text_field 1.0.0

A Flutter package for creating an animated and customizable pin/OTP input text field.

PinInputTextField Package

PinInputTextField is a Flutter widget designed for inputting PINs or OTPs in a user-friendly and secure manner. This package's features and customization options make it ideal for applications requiring secure entry, such as authentication forms.

Short Description

The PinInputTextField widget provides a customizable and easy-to-use PIN or OTP input field focusing on security and usability. It is perfect for forms where secure input is needed, such as authentication forms.

Features

• Customizable Length: Easily set the pin length to suit your application's needs.
• Obscured Input: Option to obscure the input with a customizable character for added security.
• Auto-focus: Automatic focusing on the next field for a smoother user experience.
• Customizable Appearance: Adjust the border radius, padding, colors, and more to fit the look and feel of your app.
• Flexible Box Shapes: Choose from different box shapes for your PIN input fields, enhancing the visual appeal.

Getting Started

To start using the PinInputTextField package in your Flutter project, add it to your pubspec.yaml file:

dependencies:
  pin_input_text_field: any

Then, run flutter pub get in your terminal to install the package.

Usage

Here's a simple example to get you started with PinInputTextField:

import 'package:flutter/material.dart';
import 'package:pin_input_text_field/pin_input_text_field.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: PinInputTextField(
            pinLength: 4,
            onChanged: (pin) {
              print('Pin changed to: $pin');
            },
          ),
        ),
      ),
    );
  }
}

For more examples, see the /example folder in the package.

Additional Information

For more information on the PinInputTextField package, including how to contribute, file issues, or if you need support, please visit our GitHub repository.

Contributions are welcome!

For any questions or issues, feel free to file an issue on the GitHub repository, and we'll respond as soon as possible.