组件封装

2023-04-29 10:25:24 +08:00
parent 7d6ac80040
commit be04006e2a
2 changed files with 69 additions and 43 deletions
--- a/lib/muyu/count_panel.dart
+++ b/lib/muyu/count_panel.dart
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+
+class CountPanel extends StatelessWidget {
+  final int count;
+  final VoidCallback onTapSwitchAudio;
+  final VoidCallback onTapSwitchImage;
+
+  const CountPanel({
+    super.key,
+    required this.count,
+    required this.onTapSwitchAudio,
+    required this.onTapSwitchImage,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final ButtonStyle style = ElevatedButton.styleFrom(
+      minimumSize: const Size(36, 36),
+      padding: EdgeInsets.zero,
+      backgroundColor: Colors.green,
+      elevation: 0,
+    );
+    return Stack(
+      children: [
+        Center(
+          child: Text(
+            '功德数: $count',
+            style: TextStyle(
+              fontSize: 24,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+        Positioned(
+            right: 10,
+            top: 10,
+            child: Wrap(
+              spacing: 8,
+              direction: Axis.vertical,
+              children: [
+                ElevatedButton(
+                  style: style,
+                  onPressed: onTapSwitchAudio,
+                  child: Icon(Icons.music_note_outlined),
+                ),
+                ElevatedButton(
+                  style: style,
+                  onPressed: onTapSwitchImage,
+                  child: Icon(Icons.image),
+                )
+              ],
+            )),
+      ],
+    );
+  }
+}