GridView と列を使用してフラッターで同じレイアウトを設計しようとしていますが、画像に表示されている正確なビューを取得できませんでした。ここでは、ほぼ同じビューを生成しているコードを共有していますが、画像の正確な幅と高さを定義したくありません。画像に示すように、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,
)
],
),
),
)