RiverPod Flutter：寻找将FutureProvider与StatenotifierProvider相结合的最佳方法

Question

我正在研究基本的支持票系统。我从Firebase（作为流或未来）那里获得门票。 我想允许一些过滤选项（例如按状态和类别进行排序）。 为此，我考虑使用未来的提供商获取列表和StatenotiferProvider，以根据使用哪种过滤器来更新列表。 这是我到目前为止的代码：

final ticketListStreamProvider =
    RP.FutureProvider((_) => FirestoreService.getTicketList());


class TicketListNotifier extends RP.StateNotifier<List<Ticket>> {
  TicketListNotifier() : super([]);

  void addTicket(Ticket ticket) {
    state = List.from(state)..add(ticket);
  }

  void removeTicket(Ticket ticket) {
    state = List.from(state)..remove(ticket);
  }
}

final ticketsController =
    RP.StateNotifierProvider<TicketListNotifier, List<Ticket>>(
  (ref) => TicketListNotifier(),
);

我有多个问题。首先它行不通。 Statenotifier接受列表，而不是未来＆lt; list＆gt;。我需要以某种方式将其转换或重写Statenotifier以接受未来。 我试图与一个官方例子之一保持联系。 （） 不幸的是，他们没有使用来自firebase之类的外部来源的数据来执行此操作。

解决此问题的最佳方法是什么？

谢谢

Answer 1

1. 您可以在 ticketlistNotifier 中获取票务清单，并在您的票务列表中设置其状态。

class TicketListNotifier extends RP.StateNotifier<List<Ticket>> {
  TicketListNotifier() : super([]);

  Future<void> fetchTicketList() async {
    FirestoreService.getTicketList().when(
       //success
       // state = fetched_data_from_firestore
       // error
       // error handle
    )
  }
}

final ticketsController =
    RP.StateNotifierProvider<TicketListNotifier, List<Ticket>>(
  (ref) => TicketListNotifier(),
);

2. 调用此方法要在窗口小部件的initstate方法中获取 /*

ref.read(ticketsController.notifier).fetchTicketList();

现在 ref.Read（ticketsController）; < /code>将返回您的票务

3. 列表您的添加/删除方法：

ref.read(ticketsController.notifier).addTicket(someTicket);