otp_resend_timer 1.0.0

Flutter widget that handle OTP resend functionality with customizable UI, animations, and callback support.

🔥 OTP Resend Timer 🔥

Preview

✨ Super Flexible OTP Resend Timer for Flutter!

Tired of building OTP verification screens from scratch? Say goodbye to that frustration! OTP Resend Timer is here to make your life easier! 🚀

🌟 Features

• ⏱️ Flexible Timer - Fully customizable countdown timer
• 🎮 Full Control - Start and reset functionality with dedicated UI controls
• 🎨 Beautiful UI - Customizable styles and animations
• ✨ Smooth Animations - Elegant transitions between timer states
• 🧩 Easy Integration - Simple to implement in your Flutter apps
• 🧪 Well Tested - Comprehensive test coverage for reliability

📦 Installation

Add this to your package's pubspec.yaml file:

dependencies:
  otp_resend_timer: ^1.0.0

copied to clipboard

Then run:

flutter pub get

copied to clipboard

🚀 Usage

Using OTP Resend Timer is super simple! Just import the package and add the widget to your build method:

import 'package:otp_resend_timer/otp_resend_timer.dart';

// Create a controller
final controller = OtpResendTimerController(initialTime: 30);

// Add the widget to your UI
OtpResendTimer(
  controller: controller,
  autoStart: true,
  timerMessage: "Resend OTP in ",
  readyMessage: "You can now resend the code",
  onFinish: () {},
  onResendClicked: () {},
  onStart: () {}
)

copied to clipboard

🎮 Controller Features

The OtpResendTimerController gives you full control over the timer:

// Start the timer
controller.start();

// restart the timer
controller.reset();

// Always dispose when done
@override
void dispose() {
  controller.dispose();
  super.dispose();
}

copied to clipboard

🎨 Customization

Make it your own! The OTP Resend Timer is fully customizable:

OtpResendTimer(
controller: controller,
// Messages
timerMessage: "Resend in",
readyMessage: "Ready to resend!",
// would never show in case autoplay is true
holdMessage: "Timer paused",
resendMessage: "RESEND",

// Styles
timerMessageStyle: TextStyle(color: Colors.blue, fontWeight: FontWeight.bold),
readyMessageStyle: TextStyle(color: Colors.green),
holdMessageStyle: TextStyle(color: Colors.orange),
resendMessageStyle: TextStyle(color: Colors.purple, decoration: TextDecoration.underline),
resendMessageDisabledStyle: TextStyle(color: Colors.grey),

// Callbacks
onStart: () => print("Timer started"),
onFinish: () => print("Timer finished"),
onResendClicked: () => print("Resend clicked"),

// Auto-start the timer
autoStart: true,
)

copied to clipboard

📱 Examples

Check out the example folder for a complete working example:

❤️ Contributing

Contributions are always welcome! Please feel free to submit a PR.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨🏻‍💻 Author

Emad Beltaje

🧡 Support

Don't forget to like the package 👍🏻 and star the repo ⭐️