如何修复Flutter上的Grid-view溢出错误？

Question

如何解决此问题的溢出错误以及如何使文本居中？对于任何大小的设备，我使用的中心小部件都无法很好地居中。您可以在图像上看到两个错误。

https://i.imgur.com/4SGYQ9P.jpg

使用此代码已解决

    Expanded(
    child: Center(child:Text(values[index].d)),
    ),

上面的代码是解决我的问题的最佳代码，但文本仍不是居中

这是我的代码

 Widget createListView(BuildContext context, AsyncSnapshot snapshot) {
    List<Data> values = snapshot.data;
    return ListView.builder(
      itemCount: 1,
      itemBuilder: (BuildContext context, int index) {
        return GridView.count(
          physics: ScrollPhysics(),
          shrinkWrap: true,
          crossAxisCount: 4,
          childAspectRatio: 0.9,
          children: List.generate(values.length, (index) {
            return GridTile(
              child: GestureDetector(
                onTap: () => Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) =>
                            assets2(values[index].i, widget._url))),
                child: Column(
                  children: [
                    Card(
                      //color: Colors.blue.shade100,
                      child: Container(
                        decoration: BoxDecoration(
                            border: Border.all(
                                color: Colors.blueAccent, width: 1.5)),
                        child: Stack(
                          children: <Widget>[
                            SvgPicture.asset(
                              'assets/images/recreation.svg',
                              height: 50.0,
                            ),
                          ],
                        ),
                      ),
                    ),
                    Center(
                      child: Text(values[index].d),
                    ),
                  ],
                ),
              ),
            );
          }),
        );
      },
    );
  }