https://github.com/iamvivekkaushik/otptextfield

A flutter package for the OTP Field widget.
https://github.com/iamvivekkaushik/otptextfield

hacktoberfest otp-field-widget

Last synced: over 1 year ago
JSON representation

A flutter package for the OTP Field widget.

Host: GitHub
URL: https://github.com/iamvivekkaushik/otptextfield
Owner: iamvivekkaushik
License: mit
Created: 2020-03-08T16:54:51.000Z (over 6 years ago)
Default Branch: dev
Last Pushed: 2023-09-08T10:28:50.000Z (almost 3 years ago)
Last Synced: 2025-03-30T08:08:02.744Z (over 1 year ago)
Topics: hacktoberfest, otp-field-widget
Language: C++
Homepage:
Size: 1.41 MB
Stars: 132
Watchers: 2
Forks: 95
Open Issues: 39
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

          



OTP Text Field


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


___

Stay tuned for the latest updates:





[![Pub](https://img.shields.io/pub/v/otp_text_field)](https://pub.dev/packages/otp_text_field)

[![Twitter](https://img.shields.io/badge/Twitter-@iamvivekkaushik-blue.svg?style=flat)](https://twitter.com/iamvivekkaushik)

## 📱Screenshots










## ⚙️ Installation

Import the following package in your dart file

```dart

import 'package:otp_text_field/otp_field.dart';

import 'package:otp_text_field/style.dart';

```

## 👨‍💻 Usage

Use the `OTP Text Field` Widget

```dart

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

* [Vivek Kaushik](http://github.com/iamvivekkaushik/)

## 📄 License

OTP Text Field is released under the MIT license.

See [LICENSE](./LICENSE) for details.