vistas de ciudadano, escalar animaciones de mascota, implementacion de chatbot para concientizacion, modificacion de datos de ciudadano, modificacion de vista principal

2026-05-23 05:03:05 -06:00
parent 89dcc6250b
commit ca076607c7
39 changed files with 2909 additions and 560 deletions
--- a/recolecta_app/lib/shared/widgets/eco_floating_button.dart
+++ b/recolecta_app/lib/shared/widgets/eco_floating_button.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import '../../core/theme/app_theme.dart';
+import '../../features/separation_guide/ai_pet_chat_screen.dart';
+
+class EcoFloatingButton extends StatelessWidget {
+  const EcoFloatingButton({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        Navigator.push(
+          context,
+          MaterialPageRoute(builder: (_) => const AiPetChatScreen()),
+        );
+      },
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.end,
+        children: [
+          // ── Globo de texto ──
+          Container(
+            margin: const EdgeInsets.only(bottom: 12, right: 8),
+            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
+            decoration: BoxDecoration(
+              color: Colors.white,
+              borderRadius: const BorderRadius.only(
+                topLeft: Radius.circular(16),
+                topRight: Radius.circular(16),
+                bottomLeft: Radius.circular(16),
+                bottomRight: Radius.circular(4),
+              ),
+              boxShadow: AppTheme.softShadow,
+              border: Border.all(color: AppTheme.primaryMid, width: 1.5),
+            ),
+            child: const Text(
+              'Soy Eco, tu asistente',
+              style: TextStyle(
+                fontSize: 13,
+                fontWeight: FontWeight.w700,
+                color: AppTheme.primaryDark,
+              ),
+            ),
+          ),
+          
+          // ── Mascota Circular (GIF) ──
+          Container(
+            width: 65,
+            height: 65,
+            decoration: BoxDecoration(
+              shape: BoxShape.circle,
+              color: AppTheme.primaryLight,
+              boxShadow: AppTheme.cardShadow,
+              border: Border.all(color: AppTheme.primary, width: 2.5),
+            ),
+            clipBehavior: Clip.hardEdge,
+            child: Transform.scale(
+              scale: 1.5, // Ajusta este número si quieres el GIF más grande o pequeño
+              child: Image.asset(
+                'assets/animations/info.gif',
+                fit: BoxFit.cover,
+                errorBuilder: (context, error, stackTrace) {
+                  return const Icon(
+                    Icons.pets,
+                    color: AppTheme.primary,
+                    size: 32,
+                  );
+                },
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}