dart - 如何将颤动的 BLoC 流快照转换为自定义对象?
问题描述
我正在尝试在我的颤振应用程序中实现 BLoC 模式,基本上这个应用程序会计算一些结果并将其显示在表格中。我已经创建CalculationResultProvider
并CalculationResultBloc
如下
class CalculationResultProvider { List<EstimationResult> resultList = new List(); List<EstimationResult> calculateResult(){ return getInitialData(); } List<EstimationResult> getInitialData(){ var cement = new EstimationResult(); cement.material = "Cement"; cement.unit = "Ton"; cement.qty = 10; var sand = new EstimationResult(); sand.material = "Sand"; sand.unit = "Ton"; sand.qty = 12; var gravel = new EstimationResult(); gravel.material = "Gravel"; gravel.unit = "Ton"; gravel.qty = 5; var steel = new EstimationResult(); steel.material = "Steel"; steel.unit = "Ton"; steel.qty = 5; List<EstimationResult> resultList = new List(); resultList.add(cement); resultList.add(sand); resultList.add(gravel); resultList.add(steel); return resultList; } }
和我的 BLoC 提供者类如下
class CalculationResultBloc {
final resultController = StreamController(); // create a StreamController
final CalculationResultProvider provider =
CalculationResultProvider(); // create an instance of our CounterProvider
Stream get getReult =>
resultController.stream; // create a getter for our stream
void updateResult() {
provider
.calculateResult(); // call the method to increase our count in the provider
resultController.sink.add(provider.resultList); // add the count to our sink
}
void dispose() {
resultController.close(); // close our StreamController
}
}
然后我需要在表格小部件中显示这些数据
class ResultTableWidget extends StatefulWidget {
@override
State<StatefulWidget> createState() => ResultTableWidgetState();
}
class ResultTableWidgetState extends State {
final bloc =
CalculationResultBloc(); // create an instance of the counter bloc
@override
Widget build(BuildContext context) {
return StreamBuilder(
stream: bloc.getReult,
initialData: CalculationResultProvider().getInitialData(),
builder: (context, snapshot) {
DataTable(
columns: [
DataColumn(label: Text('Patch')),
DataColumn(label: Text('Version')),
DataColumn(label: Text('Ready')),
],
rows:
'${snapshot.data}' // Loops through dataColumnText, each iteration assigning the value to element
.map(
((element) => DataRow(
cells: <DataCell>[
DataCell(Text(element[
"Name"])), //Extracting from Map element the value
DataCell(Text(element["Number"])),
DataCell(Text(element["State"])),
],
)),
)
.toList(),
);
});
}
@override
void dispose() {
bloc.dispose();
super.dispose();
}
}
要迭代返回表,它应该是List<EstimationResult>
但是如何将快照转换为List<EstimationResult>
?
在 bloc 类或小部件类中进行转换的最佳位置在哪里?
我是飞镖和颤振的新手,有人可以回答我的问题吗?
谢谢。
解决方案
您的小部件类将不知道您的流函数给出的数据类型StreamBuilder
,有很多方法可以BloC
在流式传输数据之前转换数据,但所有这些方法都将是无用的,因为对于小部件类它只是一个snapshot
,并且只有您可以在编译时访问的字段是那些应用于通用快照的data
字段。因此,访问自定义列表字段的唯一方法是向您StreamBuilder
提供其stream
函数预期的数据类型:
StreamBuilder<List<EstimationResult>>(
stream: bloc.getReult,
initialData: CalculationResultProvider().getInitialData(),
builder: (context, snapshot) {
//...
}
);
这样,您可以将您的snapshot
as 视为List<EstimationResult>
,并在您收到实际快照之前访问内部字段和函数。在您的情况下,您可能应该将EstimationResult
类导入您的小部件类。
推荐阅读
- javascript - 如何在使用它的同一组件中访问 mapStateToProps?
- python-3.x - Math.log 大数字的错误结果
- c# - Oracle VS2017 开发工具中的表适配器配置向导无法解析 || 或 (+)
- docker - Docker 在树莓派上以错误的架构运行映像
- spring-boot - 模拟的 ServiceResponse 给出了一个空值,而不是预期这个空值
- python-3.x - Python wordcloud 无法呈现希伯来语
- python - Python Tkinter 标签条目 Widget 间距问题
- python - 将 Matplotlib 嵌入 HWND
- c# - C# lambda null 运行时绑定
- asp.net-core - ASP.NET Core Razor:没有值的条件属性