I am trying to design the same layout in flutter with GridView and column but couldn't able to get the exact view as it shows in image. Here I am sharing my code that is generating nearly same view but I don't want to define exact width and height of image. Please Give some suggestion to design the excat view as shown in image.
Here is my code:
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,
)
],
),
),
)