flutter - 接收 bloc 信息时 UI 未完全更新
问题描述
我有一个奇怪的问题:我想在单击时更新项目网格。我使用 BLoC 模式来管理更改,因此视图只接收一个列表并且必须显示它。我的问题是视图没有完全更新。
在我进一步解释之前,这里是我的代码
body: BlocEventStateBuilder<ShopEvent, ShopState>(
bloc: bloc,
builder: (BuildContext context, ShopState state) {
staggeredTile.clear();
cards.clear();
staggeredTile.add(StaggeredTile.count(4, 0.1));
cards.add(Container());
if (state.products != null) {
state.products.forEach((item) {
staggeredTile.add(StaggeredTile.count(2, 2));
cards.add(
Card(
child: InkWell(
child: Column(
children: <Widget>[
Image.network(
item.picture,
height: 140,
),
Container(margin: EdgeInsets.only(top: 8.0)),
Text(item.title)
],
),
onTap: () {
bloc.emitEvent(ClickShopEvent(item.id));
},
),
),
);
});
}
return StaggeredGridView.count(
crossAxisCount: 4,
staggeredTiles: staggeredTile,
children: cards,
);
}),
所以,我有两个项目。当我单击第一个时,我想有一个具有不同名称和图片的项目。但是当我点击时,我有一个符合预期的项目,但具有相同的文本和图像。当我打印这些值时,它已正确更新,但视图未显示。
你对我的问题有任何线索吗?
解决方案
由于我无法解释的原因,当我更换时
staggeredTile.clear();
cards.clear();
经过
staggeredTile = new List<StaggeredTile>();
cards = new List<Widget>();
它工作正常。
如果有人能解释一下原因,我将不胜感激。
推荐阅读
- html - 为什么我的 html 代码的中断标记和注释标记有红线?
- mongodb - Mongo db 服务未运行
- apache - 使用 .htaccess 重定向到提供的确切 URL
- python - 访问世界银行数据指标并使用 pandas 数据框
- python - Python 给出错误消息“BufferedAsyncWriter write too large \n write header failed”
- reactjs - 在 Animated.ScrollView 上测试滚动
- netcdf - 使用 Basemap、matplotlib 和轮廓命令绘制 netCDF 数据时出现 IndexError
- python - 查找 HTML 响应中是否存在某些标签并相应地打印 if/else
- c# - 任务没有停止
- javascript - 如何使用 sinon 模拟 AWS S3 getObject