otp_timer

Description:

otp timer

otp_timer #
Help you to create timer base features like otp. work with id so it change handle multiple timers.
Getting started #
To use this plugin, add otp_timer as a dependency in your pubspec.yaml file.
Usage #
Example

class MyApp extends StatelessWidget {
const MyApp({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const OtpTimerWrapper(
child: MyHomePage(title: 'Flutter Demo Home Page'),
),
);
}
}


...

OtpTimer(
id: id,
builder: (remainTime) => Text(remainTime.toMinuteAndSecond),
action: TextButton(
onPressed: isLoading ? null : _startTimer,
child: isLoading
? const Padding(
padding: EdgeInsets.all(4),
child: CircularProgressIndicator.adaptive(),
)
: const Text('Start timer'),
),
),

...

void _startTimer() async {
OtpUtils.timerDuration = Duration(seconds: 10 + Random().nextInt(110));
setState(() {
isLoading = true;
});
await Future.delayed(const Duration(milliseconds: 2000));
if (!mounted) return;
setState(() {
isLoading = false;
id = 'ABC';
});
context.startTimer(id!);
}

copied to clipboard