Flutter中点击通知操作按钮时如何触发UI重建？

你的代码逻辑本身没问题，但onActionReceivedMethod是在后台Isolate中执行的，而GetIt注册的TaskViewModel（ChangeNotifier）属于主Isolate。跨Isolate调用notifyListeners()时，主Isolate中的UI监听者不会收到通知，因为ChangeNotifier的监听绑定是Isolate隔离的。这就是为什么修改后必须热重启才会生效——热重启会重新从数据库加载最新状态，但实时的UI重建信号没传递到主Isolate。

下面提供两种可行的修复方案，你可以根据项目情况选择：

方案一：通过MethodChannel将操作转发到主Isolate执行 #

利用MethodChannel实现后台Isolate与主Isolate的通信，把任务标记完成的操作放到主Isolate中执行，确保notifyListeners()能触发UI重建。

步骤1：在主Isolate初始化MethodChannel监听 #

在main.dart中添加MethodChannel并注册处理逻辑：

import 'package:flutter/services.dart';

const _notificationActionChannel = MethodChannel('com.yourapp/notification_action');

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化ObjectBox、GetIt等...
  
  // 监听来自后台Isolate的通知操作请求
  _notificationActionChannel.setMethodCallHandler((call) async {
    if (call.method == 'markTaskAsFinished') {
      // 从参数中解析任务数据
      final taskMap = call.arguments as Map<String, dynamic>;
      Task task = TaskUtilities.fromMap(taskMap);
      // 在主Isolate中调用ViewModel方法
      getIt<TaskViewModel>().toggleStatus(task, true, DateTime.now());
    }
  });

  runApp(const MinimalTodo());
}

步骤2：修改后台Isolate中的通知处理代码 #

更新onActionReceivedMethod，通过MethodChannel转发操作：

@pragma("vm:entry-point")
Future<void> onActionReceivedMethod(ReceivedAction receivedAction) async {
  try {
    Task task = TaskUtilities.fromNotificationPayload(receivedAction.payload ?? {});
    final appState = SchedulerBinding.instance.lifecycleState;
    debugPrint('App state right now: $appState');

    if (receivedAction.buttonKeyPressed == 'FINISHED') {
      if (appState == AppLifecycleState.resumed) {
        // 通过MethodChannel将任务数据发送到主Isolate
        const MethodChannel('com.yourapp/notification_action').invokeMethod(
          'markTaskAsFinished',
          task.toMap(), // 确保Task类实现toMap()方法，将对象转为可序列化Map
        );
      } else {
        // 后台处理逻辑保持不变
        if (task.isRepeating) {
          final cbox = ObjectBox.store.box<TaskCompletion>();
          final now = DateTime.now();
          final completion = TaskCompletion(date: now, isDone: true);
          completion.task.target = task;
          cbox.put(completion);
        } else {
          task.isDone = true;
          ObjectBox.store.box<Task>().put(task);
        }
      }
    } else {
      MinimalTodo.navigatorKey.currentState
          ?.push(MaterialPageRoute(builder: (_) => AddTaskPage(edit: true, task: task)));
    }
  } catch (e, t) {
    MiniLogger.e('Error was thrown by onActionReceivedMethod: ${e.toString()}\nStacktrace: ${t.toString()}\n Error type: ${e.runtimeType}');
  }
}

方案二：监听ObjectBox数据变更自动更新UI #

让TaskViewModel监听ObjectBox的任务数据变化，无论数据是在主Isolate还是后台Isolate修改，只要数据库更新就自动触发UI重建。

修改TaskViewModel代码 #

class TaskViewModel extends ChangeNotifier {
  late final Box<Task> _taskBox;
  late final Box<TaskCompletion> _completionBox;
  List<Task> _tasks = [];

  TaskViewModel() {
    _taskBox = ObjectBox.store.box<Task>();
    _completionBox = ObjectBox.store.box<TaskCompletion>();
    
    // 监听Task盒子的实时变化
    _taskBox.query().watch(triggerImmediately: true).listen((query) {
      _tasks = query.find();
      notifyListeners();
    });

    // 监听TaskCompletion盒子的变化（针对重复任务）
    _completionBox.query().watch().listen((_) {
      // 重复任务完成状态变更后，重新获取任务列表并通知UI
      _tasks = _taskBox.query().find();
      notifyListeners();
    });
  }

  void toggleStatus(Task task, bool isDone, DateTime now) {
    if (task.isRepeating) {
      final completion = TaskCompletion(date: now, isDone: isDone);
      completion.task.target = task;
      _completionBox.put(completion);
    } else {
      task.isDone = isDone;
      _taskBox.put(task);
    }
    // 这里无需手动调用notifyListeners()，数据库监听会自动触发
  }

  // 其他业务方法...
}

注意事项 #

• 确保GetIt注册TaskViewModel时使用单例模式：

  getIt.registerSingleton<TaskViewModel>(TaskViewModel());
  

• 这种方案无需修改通知处理代码，后台修改数据库后，ViewModel会自动感知并更新UI。

内容的提问来源于stack exchange，提问作者Husen Patel