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
|
// SPDX-License-Identifier: Apache-2.0
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:flutter_cluster_dashboard/screen/paints/arc_painter.dart';
import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_model.dart';
import 'package:flutter_cluster_dashboard/vehicle_signal/vehicle_signal_provider.dart';
class RightArc extends HookConsumerWidget {
final double screenHeight;
const RightArc({Key? key, required this.screenHeight}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
final VehicleSignal vehicle = ref.watch(vehicleSignalProvider);
final animationController = useAnimationController(
lowerBound: 0,
upperBound: 100,
)..animateTo(vehicle.fuelLevel,
duration: const Duration(milliseconds: 500));
return AnimatedBuilder(
animation: animationController,
builder: (context, child) {
return CustomPaint(
size: Size(0, (220 * screenHeight) / 480),
painter: RightPainter(
radi: (170 * screenHeight) / 480,
currentValue: animationController.value,
bottomPadding: 17,
color: Color.lerp(Colors.red, Colors.green,
(animationController.value / 100)) ??
Colors.blue),
);
},
);
}
}
|