Flutter 在Flatter中对齐GridView中的项目

Flutter 在Flatter中对齐GridView中的项目,flutter,gridview,Flutter,Gridview,我试图在《颤栗》中制作类似的东西: 但我需要使产品名称、价格和最后的信息相互协调 图像将始终具有相同的高度和宽度,但名称可以具有任意长度 我现在的代码(obs:我对颤振没有太多经验): final columnCount=2; 最终宽度=MediaQuery.of(context).size.width/columnCount; 常数高度=400; GridView.builder( 收缩膜:对, 物理学:NeverscrollableScroll物理学(), 填充:所有边缘设置(10.0),

我试图在《颤栗》中制作类似的东西:

但我需要使产品名称、价格和最后的信息相互协调

图像将始终具有相同的高度和宽度,但名称可以具有任意长度

我现在的代码(obs:我对颤振没有太多经验):

final columnCount=2;
最终宽度=MediaQuery.of(context).size.width/columnCount;
常数高度=400;
GridView.builder(
收缩膜:对,
物理学:NeverscrollableScroll物理学(),
填充:所有边缘设置(10.0),
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio:宽度/高度,
crossAxisCount:columnCount,
主轴间距:10.0,
交叉轴间距:10.0,
),
itemCount:snapshot.data.length,
itemBuilder:(上下文,索引){
if(索引<快照.数据.长度){
回墨槽(
onTap:null,
子:容器(
子:列(
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
填充物(
填充:仅限边缘设置(顶部:16),
),
容器(
孩子:AspectRatio(
方面:1,
子项:Image.network(snapshot.data[index].Image,fit:BoxFit.cover,),
),
//身高:250,
),
填充物(
填充:仅限边缘设置(顶部:16),
),
文本(快照.数据[索引].标题,
textAlign:textAlign.center),
填充物(
填充:仅限边缘设置(顶部:16),
),
正文(
“${helpers.formatMoney(snapshot.data[index].lowPrice)}”+
'-' +
“${helpers.formatMoney(snapshot.data[index].highPrice)}”,
textAlign:textAlign.center),
填充物(
填充:仅限边缘设置(顶部:16),
),
升起的按钮(
onPressed:()异步{
购物车=等待添加购物车(widget.segment.slug,
snapshot.data[index].token,1);
setState((){});
},
子:图标(图标。添加购物车),
),
],
)));
})

在列中更改此项

crossAxisAlignment: CrossAxisAlignment.start,
如果这会更改图像和其他对齐方式,使其不是您想要的或希望图像位于中心


产品名称、价格和最后信息
单独列一列,并给出该
单独列的
crossAxisAlignment:crossAxisAlignment.start,

谢谢。为我工作。
crossAxisAlignment: CrossAxisAlignment.start,