flutter firebase Gridview

Question

我正在构建一个应用程序来显示一些饭菜。 我使用实时数据库，其中关键是餐点名称，它有一个“URL”，其中 URL 指向图像。

我想将所有的饭菜与图像一起显示为网格视图，但我只能使用 FirebaseAnimatedList（= 列表，而不是网格视图）。 您可以在下面看到我正在工作的 FirebaseAnimatedList（带有用于测试的随机数据）

Container(
  height: 700,
  child: FirebaseAnimatedList(
    query: savedMeals.orderByKey(),
    itemBuilder: (BuildContext context, DataSnapshot snapshot,
        Animation<double> animation, int index) {
      var Name = snapshot.key.toString();
      var imgURL = snapshot.child("IMG").child('IMG').value.toString();
      return GridTile(
        child: Container(
          height: 200,
          width: 100,
          child: Column(
            children: [
              Container(
                  padding: EdgeInsets.all(3), // Border width
                  decoration: BoxDecoration(
                      color: color_dark,
                      borderRadius: BorderRadius.circular(20)),
                  child: ClipRRect(
                      borderRadius: BorderRadius.circular(18),
                      child: SizedBox.fromSize(
                          size: Size.fromRadius(48),
                          child: Image.network(
                            imgURL,
                            fit: BoxFit.cover,
                          )))),
              Text(Name)
            ],
          ),
        ),
      );
    },
  ),
)

但结果看起来像这样，因为它只是一个列表：