优化

2025-11-26 16:32:47 +08:00
parent 96658339e1
commit 0195cdf54b
18 changed files with 1052 additions and 240 deletions
--- a/lib/components/control_buttons.dart
+++ b/lib/components/control_buttons.dart
@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import '../theme/app_colors.dart';
+
+/// Control Buttons Component
+class ControlButtons extends StatelessWidget {
+  final bool isPaused;
+  final VoidCallback onTogglePause;
+  final VoidCallback onStopEarly;
+  final String pauseText;
+  final String resumeText;
+  final String stopText;
+
+  const ControlButtons({
+    super.key,
+    required this.isPaused,
+    required this.onTogglePause,
+    required this.onStopEarly,
+    required this.pauseText,
+    required this.resumeText,
+    required this.stopText,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        // Pause/Resume Button
+        SizedBox(
+          width: double.infinity,
+          child: OutlinedButton(
+            onPressed: onTogglePause,
+            style: OutlinedButton.styleFrom(
+              foregroundColor: AppColors.primary,
+              side: const BorderSide(color: AppColors.primary, width: 1),
+              minimumSize: const Size(double.infinity, 48),
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(12),
+              ),
+            ),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Icon(isPaused ? Icons.play_arrow : Icons.pause),
+                const SizedBox(width: 8),
+                Text(isPaused ? resumeText : pauseText),
+              ],
+            ),
+          ),
+        ),
+
+        const SizedBox(height: 16),
+
+        // Stop Button
+        Padding(
+          padding: const EdgeInsets.only(bottom: 24.0),
+          child: TextButton(
+            onPressed: onStopEarly,
+            child: Text(
+              stopText,
+              style: const TextStyle(
+                color: AppColors.textSecondary,
+                fontSize: 14,
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}