Flutter 如何使卡片宽度固定在颤振中?
在我的flatter项目中,我想在卡片中显示数据列表的每一项。为此,我在卡中设置了所有组件(例如图像、文本) 如下图所示- 现在,问题是------ 我想将卡的宽度固定为固定大小或包装内容。由于卡片小部件没有高度和宽度的属性,那么我应该怎么做来固定这张卡片的宽度呢 这是我的密码-Flutter 如何使卡片宽度固定在颤振中?,flutter,dart,Flutter,Dart,在我的flatter项目中,我想在卡片中显示数据列表的每一项。为此,我在卡中设置了所有组件(例如图像、文本) 如下图所示- 现在,问题是------ 我想将卡的宽度固定为固定大小或包装内容。由于卡片小部件没有高度和宽度的属性,那么我应该怎么做来固定这张卡片的宽度呢 这是我的密码- Card showCard(int position, int index, AsyncSnapshot<List<ModelFrontList>> snapshot) { ret
Card showCard(int position, int index, AsyncSnapshot<List<ModelFrontList>> snapshot) {
return new Card(
elevation: 10.0,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 250,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Image.network(
snapshot.data[position].products[index].image,
height: 150,
width: 50,
),
SizedBox(
width: 20.0,
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text( snapshot.data[position].products[index].nameEnglish),
SizedBox(
height: 10.0,
),
Text( snapshot.data[position].products[index].nameEnglish),
],
),
),
],
),
),
),
);
}
卡片显示卡(整型位置、整型索引、异步快照){
归还新卡(
标高:10.0,
孩子:填充(
填充:常数边集全部(8.0),
子:容器(
身高:250,
子:列(
mainAxisAlignment:mainAxisAlignment.start,
crossAxisAlignment:crossAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
图像网络(
快照.数据[位置].产品[索引].图像,
身高:150,
宽度:50,
),
大小盒子(
宽度:20.0,
),
扩大(
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
文本(快照.数据[位置].产品[索引].名称英语),
大小盒子(
身高:10.0,
),
文本(快照.数据[位置].产品[索引].名称英语),
],
),
),
],
),
),
),
);
}
此showCard函数在容器中调用。因此,我需要一个解决方案来固定这张卡片的宽度。解决方案是将卡片包装在一个大小合适的盒子中。 比如说,
卡片显示卡(整型位置、整型索引、异步快照){
大小盒子(
宽度:200.0,
高度:300.0,
孩子:康斯特卡(
标高:10.0,
孩子:填充(
填充:常数边集全部(8.0),
子:容器(
身高:250,
子:列(
mainAxisAlignment:mainAxisAlignment.start,
crossAxisAlignment:crossAxisAlignment.start,
mainAxisSize:mainAxisSize.min,
儿童:[
图像网络(
快照.数据[位置].产品[索引].图像,
身高:150,
宽度:50,
),
大小盒子(
宽度:20.0,
),
扩大(
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
文本(快照.数据[位置].产品[索引].名称英语),
大小盒子(
身高:10.0,
),
文本(快照.数据[位置].产品[索引].名称英语),
],
),
),
],
),
),
),
);
}
)
可以用大小盒子包装卡片。为什么大小盒子在容器宽度上起作用?