summaryrefslogtreecommitdiffstats
path: root/lib/screen/widgets/turn_signal.dart
blob: 861ffd4899586d37982c4485fbf151f0261245aa (plain)
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
// 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';

class TurnSignal extends HookConsumerWidget {
  final double screenHeight;
  final bool isLeftOn;
  final bool isRightOn;
  const TurnSignal({
    Key? key,
    required this.screenHeight,
    required this.isLeftOn,
    required this.isRightOn,
  }) : super(key: key);
  double calcPadding(double value, double height) {
    // values wrt to values at 720 height
    return (value * height) / 720;
  }

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final animationController = useAnimationController(
      lowerBound: 0.9,
      upperBound: 1.1,
      duration: const Duration(milliseconds: 1000),
    )..repeat();
    return AnimatedBuilder(
        animation: animationController,
        builder: (context, child) {
          return Padding(
            padding: EdgeInsets.fromLTRB(calcPadding(150, screenHeight), 0,
                calcPadding(150, screenHeight), 0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Image.asset(
                  "images/left.png",
                  color: (isLeftOn)
                      ? Color.lerp(
                          Colors.black,
                          const Color.fromARGB(255, 99, 251, 104),
                          animationController.value.floorToDouble())
                      : Colors.grey.shade600,
                  width: 0.125 * screenHeight,
                ),
                Image.asset(
                  "images/right.png",
                  color: (isRightOn)
                      ? Color.lerp(
                          Colors.black,
                          const Color.fromARGB(255, 99, 251, 104),
                          animationController.value.floorToDouble())
                      : Colors.grey.shade600,
                  width: 0.125 * screenHeight,
                ),
              ],
            ),
          );
        });
  }
}