Tired of building OTP verification screens from scratch? Say goodbye to that frustration! OTP Resend Timer is here to make your life easier! 🚀
- ⏱️ 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
Add this to your package's pubspec.yaml file:
dependencies:
otp_resend_timer: ^1.0.0Then run:
flutter pub getUsing 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: () {}
)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();
}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,
)Check out the example folder for a complete working example:
Contributions are always welcome! Please feel free to submit a PR.
This project is licensed under the MIT License - see the LICENSE file for details.