feat(calendar): implement ReminderOverlay and supporting components

- Add ReminderQueueManager for managing notification queue - Add IOSNotificationPayloadBridge for iOS cold start handling - Add ReminderOverlay UI component with snooze (5/15 min) and complete actions - Update main.dart to integrate ReminderOverlay - LocalNotificationService: remove permission fallback logic, add native grouping
2026-03-20 18:47:50 +08:00
parent 6e35fff9a4
commit 4b29b300da
4 changed files with 347 additions and 4 deletions
@@ -0,0 +1,31 @@
+import 'models/reminder_payload.dart';
+
+class ReminderQueueManager {
+  ReminderPayload? _currentPayload;
+  final List<ReminderPayload> _pending = [];
+
+  void enqueueFromClick(ReminderPayload payload) {
+    _currentPayload = payload;
+  }
+
+  void enqueuePending(List<ReminderPayload> payloads) {
+    payloads.sort((a, b) => a.startAt.compareTo(b.startAt));
+    _pending.addAll(payloads);
+  }
+
+  ReminderPayload? get currentPayload => _currentPayload;
+
+  bool get isEmpty => _currentPayload == null && _pending.isEmpty;
+
+  void dequeueCurrent() {
+    _currentPayload = null;
+    if (_pending.isNotEmpty) {
+      _currentPayload = _pending.removeAt(0);
+    }
+  }
+
+  void clear() {
+    _currentPayload = null;
+    _pending.clear();
+  }
+}
@@ -0,0 +1,191 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../../../core/theme/design_tokens.dart';
+import '../../../../shared/widgets/app_button.dart';
+import '../../reminders/reminder_queue_manager.dart';
+import '../../reminders/models/reminder_payload.dart';
+
+class ReminderOverlay extends StatefulWidget {
+  const ReminderOverlay({
+    super.key,
+    required this.queueManager,
+    required this.onComplete,
+    required this.onSnooze,
+    required this.onArchive,
+  });
+
+  final ReminderQueueManager queueManager;
+  final VoidCallback onComplete;
+  final void Function(int minutes) onSnooze;
+  final VoidCallback onArchive;
+
+  @override
+  State<ReminderOverlay> createState() => _ReminderOverlayState();
+}
+
+class _ReminderOverlayState extends State<ReminderOverlay> {
+  bool _showSnoozeOptions = false;
+  OverlayEntry? _overlayEntry;
+
+  ReminderPayload? get _currentPayload => widget.queueManager.currentPayload;
+
+  @override
+  void dispose() {
+    _hideSnoozeOptions();
+    super.dispose();
+  }
+
+  void _hideSnoozeOptions() {
+    _overlayEntry?.remove();
+    _overlayEntry = null;
+    setState(() {
+      _showSnoozeOptions = false;
+    });
+  }
+
+  void _showSnoozeDropdown() {
+    _hideSnoozeOptions();
+
+    final box = context.findRenderObject() as RenderBox?;
+    if (box == null) return;
+
+    final button = box.localToGlobal(Offset.zero);
+
+    _overlayEntry = OverlayEntry(
+      builder: (context) => Positioned(
+        left: button.dx,
+        top: button.dy + box.size.height + 4,
+        width: 120,
+        child: Material(
+          elevation: 4,
+          borderRadius: BorderRadius.circular(8),
+          child: Container(
+            decoration: BoxDecoration(
+              color: AppColors.white,
+              borderRadius: BorderRadius.circular(8),
+              border: Border.all(color: AppColors.borderSecondary),
+            ),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                _SnoozeOption(
+                  label: '5 分钟',
+                  onTap: () {
+                    _hideSnoozeOptions();
+                    _handleSnooze(5);
+                  },
+                ),
+                const Divider(height: 1, color: AppColors.borderSecondary),
+                _SnoozeOption(
+                  label: '15 分钟',
+                  onTap: () {
+                    _hideSnoozeOptions();
+                    _handleSnooze(15);
+                  },
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+
+    Overlay.of(context).insert(_overlayEntry!);
+    setState(() {
+      _showSnoozeOptions = true;
+    });
+  }
+
+  void _handleComplete() {
+    widget.onArchive();
+    widget.queueManager.dequeueCurrent();
+    widget.onComplete();
+  }
+
+  void _handleSnooze(int minutes) {
+    widget.onSnooze(minutes);
+    widget.queueManager.dequeueCurrent();
+    widget.onComplete();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final payload = _currentPayload;
+    if (payload == null) {
+      return const SizedBox.shrink();
+    }
+
+    return Container(
+      color: AppColors.white,
+      child: SafeArea(
+        child: Padding(
+          padding: const EdgeInsets.all(AppSpacing.lg),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Text(
+                payload.title,
+                style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+                  color: AppColors.slate900,
+                  fontWeight: FontWeight.w600,
+                ),
+                textAlign: TextAlign.center,
+              ),
+              const SizedBox(height: AppSpacing.sm),
+              Text(
+                DateFormat('HH:mm').format(DateTime.now()),
+                style: Theme.of(
+                  context,
+                ).textTheme.titleLarge?.copyWith(color: AppColors.slate500),
+                textAlign: TextAlign.center,
+              ),
+              const SizedBox(height: AppSpacing.xl),
+              Row(
+                children: [
+                  Expanded(
+                    child: AppButton(
+                      text: '稍后提醒',
+                      isOutlined: true,
+                      onPressed: _showSnoozeDropdown,
+                    ),
+                  ),
+                  const SizedBox(width: AppSpacing.md),
+                  Expanded(
+                    child: AppButton(text: '完成', onPressed: _handleComplete),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _SnoozeOption extends StatelessWidget {
+  const _SnoozeOption({required this.label, required this.onTap});
+
+  final String label;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(
+          horizontal: AppSpacing.md,
+          vertical: AppSpacing.sm,
+        ),
+        child: Text(
+          label,
+          style: Theme.of(
+            context,
+          ).textTheme.bodyMedium?.copyWith(color: AppColors.slate900),
+        ),
+      ),
+    );
+  }
+}