我正在尝试设计与 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,
)
],
),
),
)