大更新

Author: raywcm

lib/main.dart

@@ -84,27 +84,86 @@ void stopTestBackend() {
   }
 }
 
-class MyApp extends StatelessWidget {
+class MyApp extends StatefulWidget {
   const MyApp({Key? key}) : super(key: key);
 
-  // 简单主题与入口
+  @override
+  State<MyApp> createState() => _MyAppState();
+}
+
+class _MyAppState extends State<MyApp> {
+  ThemeMode _themeMode = ThemeMode.light;
+
+  void _toggleTheme() {
+    setState(() {
+      _themeMode = _themeMode == ThemeMode.light ? ThemeMode.dark : ThemeMode.light;
+    });
+  }
+
+  ThemeData _buildLightTheme() {
+    return ThemeData(
+      colorScheme: ColorScheme.fromSeed(seedColor: Colors.blueGrey),
+      useMaterial3: true,
+      scaffoldBackgroundColor: Colors.grey.shade100,
+      cardTheme: CardThemeData(
+        color: Colors.white,
+        elevation: 0,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(12),
+          side: BorderSide(color: Colors.grey.shade200, width: 1),
+        ),
+      ),
+      appBarTheme: const AppBarTheme(
+        backgroundColor: Colors.white,
+        foregroundColor: Colors.black,
+        elevation: 0,
+      ),
+      bottomNavigationBarTheme: const BottomNavigationBarThemeData(
+        backgroundColor: Colors.white,
+      ),
+    );
+  }
+
+  ThemeData _buildDarkTheme() {
+    return ThemeData(
+      colorScheme: ColorScheme.fromSeed(
+        seedColor: Colors.blueGrey,
+        brightness: Brightness.dark,
+      ),
+      useMaterial3: true,
+      scaffoldBackgroundColor: const Color(0xFF121212),
+      cardTheme: CardThemeData(
+        color: const Color(0xFF1E1E1E),
+        elevation: 0,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(12),
+          side: BorderSide(color: Colors.grey.shade800, width: 1),
+        ),
+      ),
+      appBarTheme: const AppBarTheme(
+        backgroundColor: Color(0xFF1E1E1E),
+        foregroundColor: Colors.white,
+        elevation: 0,
+      ),
+      bottomNavigationBarTheme: const BottomNavigationBarThemeData(
+        backgroundColor: Color(0xFF1E1E1E),
+        unselectedItemColor: Colors.white70,
+        selectedItemColor: Colors.white,
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       title: '机器狗 Flutter 迁移示例',
-      theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
-        useMaterial3: true,
-        scaffoldBackgroundColor: Colors.white,
-        cardTheme: CardThemeData(
-          elevation: 0,
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(12),
-            side: BorderSide(color: Colors.grey.shade200, width: 1),
-          ),
-        ),
+      theme: _buildLightTheme(),
+      darkTheme: _buildDarkTheme(),
+      themeMode: _themeMode,
+      home: RootPage(
+        onToggleTheme: _toggleTheme,
+        themeMode: _themeMode,
       ),
-      home: const RootPage(),
       builder: (context, child) {
         return InAppNotificationOverlay(child: child ?? const SizedBox.shrink());
       },
@@ -114,7 +173,10 @@ class MyApp extends StatelessWidget {
 }
 
 class RootPage extends StatefulWidget {
-  const RootPage({Key? key}) : super(key: key);
+  const RootPage({Key? key, required this.onToggleTheme, required this.themeMode}) : super(key: key);
+
+  final VoidCallback onToggleTheme;
+  final ThemeMode themeMode;
 
   @override
   State<RootPage> createState() => _RootPageState();
@@ -424,6 +486,11 @@ class _RootPageState extends State<RootPage> {
       appBar: AppBar(
         title: Text(userType == 'patient' ? '患者端' : '家属端'),
         actions: [
+          IconButton(
+            icon: Icon(widget.themeMode == ThemeMode.dark ? Icons.dark_mode : Icons.light_mode),
+            onPressed: widget.onToggleTheme,
+            tooltip: widget.themeMode == ThemeMode.dark ? '切换到亮色' : '切换到暗色',
+          ),
           IconButton(
             icon: const Icon(Icons.notifications),
             onPressed: () {

lib/screens/help_screen.dart

@@ -204,7 +204,7 @@ class _HelpScreenState extends State<HelpScreen> {
                     Container(
                       padding: const EdgeInsets.all(12),
                       decoration: BoxDecoration(
-                        color: Colors.blue.shade50,
+                        color: Colors.white,
                         borderRadius: BorderRadius.circular(8),
                       ),
                       child: Column(
@@ -215,12 +215,14 @@ class _HelpScreenState extends State<HelpScreen> {
                             style: theme.textTheme.bodyLarge?.copyWith(fontWeight: FontWeight.w500),
                           ),
                           const SizedBox(height: 8),
-                          ElevatedButton.icon(
-                            onPressed: showLocationDialog,
-                            icon: const Icon(Icons.volume_up, size: 18),
-                            label: const Text('播报位置'),
-                            style: ElevatedButton.styleFrom(
-                              backgroundColor: Colors.blue.shade700,
+                          Center(
+                            child: ElevatedButton.icon(
+                              onPressed: showLocationDialog,
+                              icon: const Icon(Icons.volume_up, size: 18),
+                              label: const Text('播报位置'),
+                              style: ElevatedButton.styleFrom(
+                                backgroundColor: Colors.blue.shade700,
+                              ),
                             ),
                           ),
                         ],
@@ -258,7 +260,7 @@ class _HelpScreenState extends State<HelpScreen> {
                     Container(
                       padding: const EdgeInsets.all(12),
                       decoration: BoxDecoration(
-                        color: Colors.green.shade50,
+                        color: Colors.white,
                         borderRadius: BorderRadius.circular(8),
                       ),
                       child: Column(
@@ -269,12 +271,14 @@ class _HelpScreenState extends State<HelpScreen> {
                             style: theme.textTheme.bodyLarge?.copyWith(fontWeight: FontWeight.w500),
                           ),
                           const SizedBox(height: 8),
-                          ElevatedButton.icon(
-                            onPressed: showNavigateDialog,
-                            icon: const Icon(Icons.directions, size: 18),
-                            label: const Text('启动导航'),
-                            style: ElevatedButton.styleFrom(
-                              backgroundColor: Colors.green.shade700,
+                          Center(
+                            child: ElevatedButton.icon(
+                              onPressed: showNavigateDialog,
+                              icon: const Icon(Icons.directions, size: 18),
+                              label: const Text('启动导航'),
+                              style: ElevatedButton.styleFrom(
+                                backgroundColor: Colors.green.shade700,
+                              ),
                             ),
                           ),
                         ],