1

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

@@ -1,37 +1,83 @@
+import 'dart:async';
+
+import 'package:app/utils/time.dart';
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 import 'package:remixicon/remixicon.dart';
 
-class TopBar extends StatelessWidget implements PreferredSizeWidget {
+import '../viewmodel/stu_room_vm.dart';
+
+class TopBar extends StatefulWidget implements PreferredSizeWidget {
   final bool showOther;
   final void Function()? onOther;
 
-  const TopBar({super.key, this.showOther = false, this.onOther});
+  const TopBar({
+    super.key,
+    this.showOther = false,
+    this.onOther,
+  });
+
+  @override
+  State<TopBar> createState() => _TopBarState();
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
+
+class _TopBarState extends State<TopBar> {
+  Timer? _timer;
+  int seconds = 0;
+  late DateTime startTime;
+
+  @override
+  void initState() {
+    super.initState();
+    final vm = context.read<StuRoomVM>();
+    startTime = parseTime(vm.roomInfo.startTime);
+
+    _timer = Timer.periodic(const Duration(seconds: 1), (_) {
+      final diff = DateTime.now().difference(startTime).inSeconds;
+      setState(() {
+        seconds = diff < 0 ? 0 : diff;
+      });
+    });
+  }
+
+  /// 你若想外面主动停，可以暴露这个方法
+  void stopTimer() {
+    _timer?.cancel();
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
 
   @override
   Widget build(BuildContext context) {
+    final vm = context.read<StuRoomVM>();
+
     return AppBar(
       foregroundColor: Colors.white,
-      titleTextStyle: TextStyle(color: Colors.white, fontSize: 18),
-      backgroundColor: Color(0xff232426),
+      titleTextStyle: const TextStyle(color: Colors.white, fontSize: 18),
+      backgroundColor: const Color(0xff232426),
       centerTitle: true,
       title: Column(
         children: [
-          Text("会议"),
+          Text(vm.roomInfo.roomName),
           Text(
-            "01:12",
-            style: TextStyle(fontSize: 12, color: Colors.white24),
+            formatSeconds(seconds),
+            style: const TextStyle(fontSize: 12, color: Colors.white24),
           ),
         ],
       ),
       actions: [
         IconButton(
-          onPressed: onOther,
-          icon: Icon(showOther ? RemixIcons.team_fill : RemixIcons.team_line),
+          onPressed: widget.onOther,
+          icon: Icon(widget.showOther ? RemixIcons.team_fill : RemixIcons.team_line),
         ),
       ],
     );
   }
-
-  @override
-  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
 }