1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
// SPDX-License-Identifier: Apache-2.0
import 'package:dashboard_app/size.dart';
import 'package:flutter/src/foundation/key.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:flutter/material.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
import 'package:percent_indicator/linear_percent_indicator.dart';
class SpeedAndFuel extends StatelessWidget {
double fuel;
double speed;
SpeedAndFuel({Key? key, required this.fuel, required this.speed})
: super(key: key);
@override
Widget build(BuildContext context) {
double width = MediaQuery.of(context).size.width;
return SizedBox(
width: width * 0.4,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
CircularPercentIndicator(
radius: SizeConfig.fontsize * 1.6,
percent: fuel / 100,
lineWidth: SizeConfig.fontsize / 2,
backgroundColor: Colors.lightBlue.shade100,
progressColor: fuel < 25
? Colors.redAccent
: fuel < 50
? Colors.orange
: Colors.green,
animation: true,
circularStrokeCap: CircularStrokeCap.round,
animateFromLastPercent: true,
center: Text(
fuel.toString() + ' %',
style: SizeConfig.smallnormalfont,
),
footer: Text(
'fuel',
style: SizeConfig.smallnormalfont2,
),
),
CircularPercentIndicator(
radius: SizeConfig.fontsize * 1.6,
percent: speed / 300,
lineWidth: SizeConfig.fontsize / 2,
backgroundColor: Color.fromARGB(255, 176, 213, 195),
progressColor: Colors.lightBlueAccent,
animation: true,
circularStrokeCap: CircularStrokeCap.round,
animateFromLastPercent: true,
center: Text(
speed.toString(),
style: SizeConfig.smallnormalfont,
),
footer: Text(
'Speed in KM/H',
style: SizeConfig.smallnormalfont2,
),
),
],
),
);
}
}
class Rpm extends StatelessWidget {
double rpm;
Rpm({Key? key, required this.rpm}) : super(key: key);
@override
Widget build(BuildContext context) {
return SizedBox(
height: SizeConfig.safeBlockVertical * 9,
width: SizeConfig.safeBlockHorizontal * 35,
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
"Engine Status",
style: SizeConfig.smallnormalfont2,
),
LinearPercentIndicator(
backgroundColor: Colors.white70,
addAutomaticKeepAlive: true,
progressColor: Colors.lightBlueAccent,
animateFromLastPercent: true,
animation: true,
animationDuration: 500,
percent: rpm / 8000,
barRadius: Radius.circular(15),
leading: Text(
'RPM',
style: SizeConfig.smallnormalfont,
),
trailing: Text(
rpm.toString(),
style: SizeConfig.smallnormalfont2,
),
),
],
),
);
}
}
|
