将数据从SQFlite显示到网格列表（Flutter）中？

Question

我将一些有关Pet模型类的实例存储在SQFlite DB中。 之后，我在首页中检索了这些信息，并希望在不同的“网格列表”元素中显示每个元素的name 。 我尝试了这种方法：

     Container imageGrid(List<Pet> pets) {
    return Container(
      child: GridView.count(
        crossAxisCount: 2,
        children: List.generate(pets.length, (index) {
          return Center(
            child: Column(
                children: pets
                    .map(
                      (pet) => Text(pet.name),
                ).toList(),
            ),
          );
        }),
      ),
    );
  }

但这会显示每个Grid元素中的所有名称 。

Answer 1

只需更改这段代码。 您将在每个网格元素上看到每个名称。

return Center(
    child: Column(
        children: <Widget>[Text(pets[index].name)],
    ),
);