cleanup & fuck .of(context)

Author: kamiya4047

lib/app/home/_widgets/blurred_button.dart

@@ -48,7 +48,7 @@ class BlurredTextButton extends StatelessWidget {
             child: TextButton(
               style: TextButton.styleFrom(
                 shape: const StadiumBorder(),
-                foregroundColor: Theme.of(context).brightness == Brightness.dark
+                foregroundColor: context.theme.brightness == .dark
                     ? const Color.fromARGB(199, 250, 250, 250)
                     : const Color.fromARGB(255, 50, 50, 50),
                 textStyle: textStyle,

lib/app/home/_widgets/date_timeline_item.dart

@@ -25,7 +25,7 @@ class DateTimelineItem extends StatelessWidget {
 
     final RenderBox? button = context.findRenderObject() as RenderBox?;
     final RenderBox? overlay =
-        Navigator.of(context).overlay?.context.findRenderObject() as RenderBox?;
+        context.navigator.overlay?.context.findRenderObject() as RenderBox?;
 
     if (button == null || overlay == null) return;
 

lib/app/home/_widgets/hero_weather.dart

@@ -19,8 +19,8 @@ class HeroWeather extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final screenHeight = MediaQuery.of(context).size.height;
-    final statusBarHeight = MediaQuery.of(context).padding.top;
+    final screenHeight = context.dimension.height;
+    final statusBarHeight = context.padding.top;
 
     return SizedBox(
       height: screenHeight * 0.5,

lib/app/home/_widgets/mode_toggle_button.dart

@@ -54,7 +54,7 @@ class ModeToggleButton extends StatelessWidget {
   void _showModeMenu(BuildContext context) {
     final RenderBox? button = context.findRenderObject() as RenderBox?;
     final RenderBox? overlay =
-        Navigator.of(context).overlay?.context.findRenderObject() as RenderBox?;
+        context.navigator.overlay?.context.findRenderObject() as RenderBox?;
 
     if (button == null || overlay == null) return;
 

lib/app/home/_widgets/thunderstorm_card.dart

@@ -105,7 +105,7 @@ class ThunderstormCard extends StatelessWidget {
             child: Material(
               color: Colors.transparent,
               child: InkWell(
-                onTap: () => Navigator.of(context).push(
+                onTap: () => context.navigator.push(
                   MaterialPageRoute(
                     builder: (context) => ThunderstormPage(item: history),
                   ),

lib/app/home/page.dart

@@ -123,7 +123,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
 
             if (isFirstMeasure && mounted) {
               WidgetsBinding.instance.addPostFrameCallback((_) {
-                final screenHeight = MediaQuery.of(context).size.height;
+                final screenHeight = context.dimension.height;
                 final targetSize = (height / screenHeight).clamp(0.25, 0.6);
                 _sheetController.animateTo(
                   targetSize,
@@ -394,7 +394,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
       imagePath: wallpaperPath,
     );
 
-    final screenHeight = MediaQuery.of(context).size.height;
+    final screenHeight = context.dimension.height;
     final baseSnapSize = (_firstCardHeight / screenHeight).clamp(0.25, 0.6);
     final handleHeight = 28.0 / screenHeight;
     final minSize = handleHeight.clamp(0.03, 0.05);
@@ -543,7 +543,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
   }
 
   Widget _buildDraggableSheet(List<HomeDisplaySection> homeSections) {
-    final screenHeight = MediaQuery.of(context).size.height;
+    final screenHeight = context.dimension.height;
     final baseSnapSize = (_firstCardHeight / screenHeight).clamp(0.25, 0.6);
     final handleHeight = 28.0 / screenHeight;
     final minSize = handleHeight.clamp(0.03, 0.05);
@@ -601,7 +601,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
 
   Widget _buildHeroSection() {
     final code = GlobalProviders.location.code;
-    final screenHeight = MediaQuery.of(context).size.height;
+    final screenHeight = context.dimension.height;
 
     if (code == null) {
       return SizedBox(
@@ -700,7 +700,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
     return Column(
       children: [
         ...allCards,
-        SizedBox(height: MediaQuery.of(context).padding.bottom + 16),
+        SizedBox(height: context.padding.bottom + 16),
       ],
     );
   }
@@ -714,9 +714,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
       ),
       (
         icon: SimpleIcons.threads,
-        color: Theme.of(context).brightness == Brightness.dark
-            ? Colors.white
-            : Colors.black,
+        color: context.theme.brightness == .dark ? Colors.white : Colors.black,
         url: 'https://www.threads.net/@dpip.tw',
       ),
       (
@@ -726,7 +724,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
       ),
       (
         icon: Symbols.favorite_rounded,
-        color: Theme.of(context).colorScheme.primary,
+        color: context.colors.primary,
         url: SettingsDonatePage.route,
       ),
     ];
@@ -800,7 +798,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
               color: color.withValues(alpha: 0.15),
               borderRadius: BorderRadius.circular(8),
               border: Border.all(
-                color: Theme.of(context).brightness == Brightness.dark
+                color: context.theme.brightness == .dark
                     ? Colors.white.withValues(alpha: 0.25)
                     : const Color.fromARGB(
                         255,
@@ -817,7 +815,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
                 Text(
                   label,
                   style: context.texts.labelSmall?.copyWith(
-                    color: Theme.of(context).brightness == Brightness.dark
+                    color: context.theme.brightness == Brightness.dark
                         ? Colors.white
                         : const Color.fromARGB(255, 90, 90, 90),
                     fontWeight: FontWeight.w700,
@@ -827,7 +825,7 @@ class _HomePageState extends State<HomePage> with WidgetsBindingObserver {
                 Text(
                   value,
                   style: context.texts.bodySmall?.copyWith(
-                    color: Theme.of(context).brightness == Brightness.dark
+                    color: context.theme.brightness == Brightness.dark
                         ? Colors.white
                         : const Color.fromARGB(255, 60, 60, 60),
                     fontWeight: FontWeight.w600,

lib/app/settings/_widgets/settings_header.dart

@@ -0,0 +1,80 @@
+/// Reusable header widget for settings pages.
+library;
+
+import 'package:dpip/utils/extensions/build_context.dart';
+import 'package:dpip/widgets/ui/icon_container.dart';
+import 'package:flutter/cupertino.dart';
+
+/// A header widget for settings pages, displaying an icon alongside a title
+/// and subtitle.
+///
+/// Use at the top of a settings page to give it a consistent visual identity:
+///
+/// ```dart
+/// SettingsHeader(
+///   icon: Symbols.straighten_rounded,
+///   iconColor: Colors.amberAccent,
+///   title: Text('Unit'),
+///   subtitle: Text('Customize display units'),
+/// )
+/// ```
+///
+/// When [iconColor] is omitted, the icon uses the theme's
+/// [ColorScheme.onPrimaryContainer] color on a [ColorScheme.primaryContainer]
+/// background.
+class SettingsHeader extends StatelessWidget {
+  /// The icon displayed inside the [ContainedIcon].
+  final IconData icon;
+
+  /// The color of the icon. Defaults to the theme's [ColorScheme.onPrimaryContainer]
+  /// with [ColorScheme.primaryContainer] as the background.
+  final Color? iconColor;
+
+  /// The primary label for this settings section.
+  final Widget title;
+
+  /// A short description shown below [title].
+  final Widget subtitle;
+
+  /// Creates a [SettingsHeader].
+  const SettingsHeader({
+    super.key,
+    required this.icon,
+    this.iconColor,
+    required this.title,
+    required this.subtitle,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: .symmetric(horizontal: 16, vertical: 8),
+      child: Row(
+        spacing: 12,
+        children: [
+          ContainedIcon(
+            icon,
+            color: iconColor ?? context.colors.onPrimaryContainer,
+            backgroundColor: iconColor == null
+                ? context.colors.primaryContainer
+                : null,
+            size: 28,
+          ),
+          Column(
+            crossAxisAlignment: .start,
+            children: [
+              DefaultTextStyle(
+                style: context.texts.titleLarge!.copyWith(fontWeight: .bold),
+                child: title,
+              ),
+              DefaultTextStyle(
+                style: context.texts.bodyLarge!,
+                child: subtitle,
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/app/settings/donate/page.dart

@@ -183,7 +183,7 @@ class _SettingsDonatePageState extends State<SettingsDonatePage>
 
           return ListView(
             padding: EdgeInsets.only(
-              bottom: MediaQuery.of(context).padding.bottom + 16,
+              bottom: context.padding.bottom + 16,
             ),
             children: [
               _buildHeader(),
@@ -622,7 +622,7 @@ class _SettingsDonatePageState extends State<SettingsDonatePage>
                     final storeName = Platform.isIOS
                         ? 'App Store'
                         : 'Google Play';
-                    ScaffoldMessenger.of(context).showSnackBar(
+                    context.scaffoldMessenger.showSnackBar(
                       SnackBar(
                         content: Text(
                           '無法連線至 {store}，請稍後再試。'.i18n.args({
@@ -635,7 +635,7 @@ class _SettingsDonatePageState extends State<SettingsDonatePage>
                   }
                   InAppPurchase.instance.restorePurchases();
 
-                  ScaffoldMessenger.of(context).showSnackBar(
+                  context.scaffoldMessenger.showSnackBar(
                     SnackBar(content: Text('正在恢復您購買的訂閱'.i18n)),
                   );
                 },

lib/app/settings/experimental/page.dart

@@ -5,6 +5,7 @@ import 'package:dpip/core/preference.dart';
 import 'package:dpip/utils/extensions/build_context.dart';
 import 'package:dpip/widgets/list/segmented_list.dart';
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 
 class SettingsExperimentalPage extends StatefulWidget {
@@ -322,11 +323,11 @@ class _ExperimentalWarningDialogState
       ),
       actions: [
         TextButton(
-          onPressed: () => Navigator.of(context).pop(false),
+          onPressed: () => context.pop(false),
           child: Text('取消'.i18n),
         ),
         FilledButton(
-          onPressed: canConfirm ? () => Navigator.of(context).pop(true) : null,
+          onPressed: canConfirm ? () => context.pop(true) : null,
           child: Text(
             canConfirm ? '啟用'.i18n : '${_countdown}s',
           ),

lib/app/settings/layout.dart

@@ -1,11 +1,28 @@
+/// Shared scaffold layout for all settings pages.
+library;
+
+import 'package:dpip/core/i18n.dart';
+import 'package:dpip/utils/constants.dart';
+import 'package:dpip/utils/extensions/build_context.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 
+/// A scaffold wrapper for settings pages.
+///
+/// Provides a consistent app bar with a back button and applies the
+/// fade-forward page transition theme to its [child]:
+///
+/// ```dart
+/// SettingsLayout(
+///   child: MySettingsPage(),
+/// )
+/// ```
 class SettingsLayout extends StatefulWidget {
+  /// The settings page content to display inside the scaffold body.
   final Widget child;
-  final String title;
 
-  const SettingsLayout({super.key, required this.child, required this.title});
+  /// Creates a [SettingsLayout].
+  const SettingsLayout({super.key, required this.child});
 
   @override
   State<SettingsLayout> createState() => _SettingsLayoutState();
@@ -16,13 +33,18 @@ class _SettingsLayoutState extends State<SettingsLayout> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text(widget.title),
-        leading: BackButton(onPressed: () => context.pop()),
-        centerTitle: true,
+    return Theme(
+      data: context.theme.copyWith(
+        pageTransitionsTheme: kFadeForwardPageTransitionsTheme,
+      ),
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text('設定'.i18n),
+          leading: BackButton(onPressed: () => context.pop()),
+          centerTitle: true,
+        ),
+        body: widget.child,
       ),
-      body: widget.child,
     );
   }
 }