flutter - 一起使用 flutter bloc 库和 websockets 的设计建议

Question

我们有一个 Flutter 应用程序，它使用 websockets 进行服务器发起的通信。我们使用 flutter_bloc 作为整个应用程序的状态管理机制。 UI 事件通过 Bloc 状态转换和 BlocBuilder 小部件传送到小部件。

一个额外的要求是，有一些小部件应该根据通过 websocket 从服务器接收到的特定事件重新呈现。

StreamBuilder 是对 websocket 上接收到的事件使用react的一种自然方式。但不确定将它合并到使用 Blocs 的 uI 小部件中的最佳方式。

当 Bloc 和 websocket channel 一起使用时，希望社区提供关于干净地构建代码的意见。

Answer 1

您可以使用 BlocBuilder:

在您的集团中监听 websocket 消息并添加新的集团事件

bloc 事件保存了 websocket 消息

在 mapEventToState您的事件被映射到一个新的块状态，其中包含消息内容

谈 the official todo example :

您会收到一条 websocket 消息，表明添加了新的待办事项

您添加了一个新的集团事件 TodoAdded(message)

在 mapEventToState将待办事项添加到待办事项列表并产生一个新状态 TodosLoadSuccess(todos)

由于 BlocBuilder，UI 应该自动重建