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/menu_btn.dart
+++ b/motula_translate_app/lib/screens/entryPoint/components/menu_btn.dart
@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:rive/rive.dart';
+
+class MenuBtn extends StatelessWidget {
+  const MenuBtn({super.key, required this.press, required this.riveOnInit});
+
+  final VoidCallback press;
+  final ValueChanged<Artboard> riveOnInit;
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: GestureDetector(
+        onTap: press,
+        child: Container(
+          margin: const EdgeInsets.only(left: 12),
+          height: 40,
+          width: 40,
+          decoration: const BoxDecoration(
+            color: Colors.white,
+            shape: BoxShape.circle,
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black12,
+                offset: Offset(0, 3),
+                blurRadius: 8,
+              ),
+            ],
+          ),
+          child: RiveAnimation.asset(
+            "assets/RiveAssets/menu_button.riv",
+            onInit: riveOnInit,
+          ),
+        ),
+      ),
+    );
+  }
+}