1

在此处输入图像描述

我正在尝试设计与 GridView 和 column 相同的布局,但无法获得图像中显示的确切视图。在这里,我分享了生成几乎相同视图的代码,但我不想定义图像的确切宽度和高度。请给出一些建议来设计 excat 视图,如图所示。

这是我的代码:

                      GridTile(
                              child: new Container(
                                decoration: BoxDecoration(
                                  color: Color(0xFFFCFEE9),
                                    border: Border.all(
                                        color: Colors.grey, width: 0.2))
                                ,
                                child: Column(
                                  mainAxisSize: MainAxisSize.max,
                                  children: <Widget>[
                                         Image(
                                          alignment: Alignment.center,
                                          width: 90,
                                          height: 90,
                                          image: NetworkImage(
                                              listdata[index]
                                                  .categories[categoryIndex]
                                                  .catAppImg),
                                        ),
                                    Expanded(
                                        child: Align(
                                            alignment: FractionalOffset
                                                .bottomCenter,
                                            child: Text(
                                              listdata[index]
                                                  .categories[categoryIndex]
                                                  .catName
                                                  .toString(),
                                              maxLines: 1,
                                              textAlign: TextAlign.center,
                                              style: TextStyle(
                                                  fontSize: 10,
                                                  color: Colors.black),
                                            ))),
                                    SizedBox(
                                      height: 3,
                                    )
                                  ],
                                ),
                              ),
                            )
4

0 回答 0