Notes

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

class ListViewDisplay extends StatefulWidget {
const ListViewDisplay({Key key}) : super(key: key);

@override
_ListViewDisplayState createState() => _ListViewDisplayState();
}

class _ListViewDisplayState extends State<ListViewDisplay> {
final interval = const Duration(seconds: 1);

final int timerMaxSeconds = 60;
final int delaymaxseconds = 120;
final int showtimeseconds = 180;
final int displaytimeseconds = 240;
final int timedisplay = 320;

int currentSeconds = 0;

String get timerText =>
'${((timerMaxSeconds - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: ${((timerMaxSeconds - currentSeconds) % 60).toString().padLeft(2, '0')}';

String get timerText1 =>
'${((delaymaxseconds - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: ${((delaymaxseconds - currentSeconds) % 60).toString().padLeft(2, '0')}';

String get timerText2 =>
'${((showtimeseconds - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: ${((showtimeseconds - currentSeconds) % 60).toString().padLeft(2, '0')}';

String get timerText3 =>
'${((displaytimeseconds - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: ${((displaytimeseconds - currentSeconds) % 60).toString().padLeft(2, '0')}';

String get timerText4 =>
'${((timedisplay - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: ${((timedisplay - currentSeconds) % 60).toString().padLeft(2, '0')}';

startTimeout([int milliseconds]) {
var duration = interval;
Timer.periodic(duration, (timer) {
setState(() {
print(timer.tick);
currentSeconds = timer.tick;
if (timer.tick >= timerMaxSeconds) timer.cancel();
});
});
}

showTimeout([int milliseconds]) {
var duration = interval;
Timer.periodic(duration, (timer) {
setState(() {
print(timer.tick);
currentSeconds = timer.tick;
if (timer.tick >= timerMaxSeconds) timer.cancel();
});
});
}

displayTimeout([int milliseconds]) {
var duration = interval;
Timer.periodic(duration, (timer) {
setState(() {
print(timer.tick);
currentSeconds = timer.tick;
if (timer.tick >= timerMaxSeconds) timer.cancel();
});
});
}

delaytimeout([int milliseconds]) {
var duration = interval;
Timer.periodic(duration, (timer) {
setState(() {
print(timer.tick);
currentSeconds = timer.tick;
if (timer.tick >= timerMaxSeconds) timer.cancel();
});
});
}

ShowTime([int milliseconds]) {
var duration = interval;
Timer.periodic(duration, (timer) {
setState(() {
print(timer.tick);
currentSeconds = timer.tick;
if (timer.tick >= timerMaxSeconds) timer.cancel();
});
});
}

@override
void initState() {
startTimeout();
showTimeout();
displayTimeout();
delaytimeout();
ShowTime();

super.initState();
}

@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
centerTitle: true,
title: Text(
"Stopwatch Implementation",
style: TextStyle(
fontSize: 18,
color: Colors.lightGreen,
fontWeight: FontWeight.bold),
),
),
body: ListView.builder(
padding: EdgeInsets.only(left: 10, right: 10, top: 30),
shrinkWrap: true,
scrollDirection: Axis.vertical,
itemCount: 5,
itemBuilder: (context, index) {
return Column(children: [
Container(
margin:
EdgeInsets.only(left: 10, right: 10, top: 10, bottom: 10),
height: 60,
decoration: BoxDecoration(
border: Border.all(color: Colors.grey),
borderRadius: BorderRadius.circular(20),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.timer,
color: Colors.grey,
),
SizedBox(
width: 5,
),
index == 0
? Text(timerText)
: index == 1
? Text(timerText1)
: index == 2
? Text(timerText2)
: index == 3
? Text(timerText3)
: index == 4
? Text(timerText4)
: Text("Set Time")
],
))
]);
}),
));
}
}