flutter - 我如何为与 Provider 一起工作的列表实现 ChangeNotifier？

Question

我想为我的应用程序实现 Provider，在做了一些研究之后，我发现我必须为我的 Data 类实现 ChangeNotifier 才能在“天”更改时更新 UI。

我见过有人在 setter 方法中编写 notifyListeners() 但总是针对单个属性而不是列表。什么是正确的实现？

谢谢 !

这是我的类(class)和 list :

class Data with ChangeNotifier {
  List<Day> days = [
    Day(
      name: 'Monday',
      transactions: [
        Transaction(
          isExpense: true,
          name: 'Pizza',
          transactionType: TransactionType.food,
          amount: '120€',
        ),
        Transaction(
          isExpense: true,
          name: 'EDEKA',
          transactionType: TransactionType.payment,
          amount: '120€',
        ),
      ],
    ),
    Day(
      name: 'Tuesday',
      transactions: [
        Transaction(
          isExpense: true,
          name: 'Sushi',
          transactionType: TransactionType.food,
          amount: '120€',
        ),
        Transaction(
          isExpense: true,
          name: 'Lidl',
          transactionType: TransactionType.payment,
          amount: '120€',
        ),
        Transaction(
          isExpense: false,
          name: 'Einkommen',
          transactionType: TransactionType.payment,
          amount: '120€',
        ),
      ],
    ),
  ];
}

Answer 1

Todo App 是处理 List<Taks> 的一个很好的例子
您可以引用https://dev.to/shakib609/create-a-todos-app-with-flutter-and-provider-jdh
完整示例 github 代码 https://github.com/shakib609/todos-flutter/tree/master/lib

代码片段

class Task {
  String title;
  bool completed;

  Task({@required this.title, this.completed = false});

  void toggleCompleted() {
    completed = !completed;
  }
}

class TodosModel extends ChangeNotifier {
  final List<Task> _tasks = [];

  UnmodifiableListView<Task> get allTasks => UnmodifiableListView(_tasks);
  UnmodifiableListView<Task> get incompleteTasks =>
      UnmodifiableListView(_tasks.where((todo) => !todo.completed));
  UnmodifiableListView<Task> get completedTasks =>
      UnmodifiableListView(_tasks.where((todo) => todo.completed));

  void addTodo(Task task) {
    _tasks.add(task);
    notifyListeners();
  }

  void toggleTodo(Task task) {
    final taskIndex = _tasks.indexOf(task);
    _tasks[taskIndex].toggleCompleted();
    notifyListeners();
  }

  void deleteTodo(Task task) {
    _tasks.remove(task);
    notifyListeners();
  }
}

工作演示