初始化

lib/pages/teacher/room/controls/top_bar.dart

@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:remixicon/remixicon.dart';
+
+class TopBar extends StatelessWidget implements PreferredSizeWidget {
+  const TopBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    //标题子显示内容
+    Widget infoItem({required String title, required IconData icon}) {
+      return Row(
+        spacing: 4,
+        children: [
+          Icon(icon, color: Colors.white54, size: 14),
+          Text(
+            title,
+            style: TextStyle(fontSize: 12, color: Colors.white54),
+          ),
+        ],
+      );
+    }
+
+    //操作按钮
+    Widget actionButton({required IconData icon, required String title}) {
+      return Container(
+        padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+        margin: EdgeInsets.only(right: 15),
+        decoration: BoxDecoration(
+          color: Color(0xff4a4f4f),
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Row(
+          spacing: 8,
+          children: [
+            Icon(icon, size: 16),
+            Text(title, style: TextStyle(fontSize: 14)),
+          ],
+        ),
+      );
+    }
+
+    return AppBar(
+      backgroundColor: Color(0xff373c3e),
+      foregroundColor: Colors.white,
+      title: Column(
+        spacing: 5,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text("高三数学重置版", style: TextStyle(color: Colors.white, fontSize: 18)),
+          Row(
+            spacing: 15,
+            children: [
+              infoItem(title: "剩余 1小时23分钟", icon: RemixIcons.time_line),
+              infoItem(title: "8 名学生", icon: RemixIcons.group_line),
+            ],
+          ),
+        ],
+      ),
+      actions: [
+        actionButton(
+          icon: RemixIcons.video_on_ai_line,
+          title: "关闭全部",
+        ),
+        actionButton(
+          icon: RemixIcons.volume_up_line,
+          title: "全部静音",
+        ),
+      ],
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}