Question

我有一个奇怪的问题：单击时要更新项目网格。我使用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,
  );
}),

所以，我有两个项目。当我单击第一个时，我想有一个具有不同名称和图片的项目。但是，当我单击时，我只有一个项目，但是具有相同的文本和图像。当我打印这些值时，它已正确更新，但视图未显示它。

您对我的问题有任何线索吗？

Answer 1

由于我无法解释的原因，当我更换

staggeredTile.clear();
cards.clear();

作者

staggeredTile = new List<StaggeredTile>();
cards = new List<Widget>();

它工作正常。

如果有人可以解释我的原因，我将不胜感激。

收到集团信息时，UI不会完全更新

1 个答案: