Add base interactive layout "rive" whit animation

2024-03-08 12:15:47 +01:00
parent 06336bd3d9
commit 2d5fba8897
58 changed files with 1946 additions and 133 deletions
--- a/motula_translate_app/lib/screens/entryPoint/components/animated_bar.dart
+++ b/motula_translate_app/lib/screens/entryPoint/components/animated_bar.dart
@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+
+class AnimatedBar extends StatelessWidget {
+  const AnimatedBar({
+    Key? key,
+    required this.isActive,
+  }) : super(key: key);
+
+  final bool isActive;
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedContainer(
+      margin: const EdgeInsets.only(bottom: 2),
+      duration: const Duration(milliseconds: 200),
+      height: 4,
+      width: isActive ? 20 : 0,
+      decoration: const BoxDecoration(
+          color: Color(0xFF81B4FF),
+          borderRadius: BorderRadius.all(
+            Radius.circular(12),
+          )),
+    );
+  }
+}