如何设置父容器中子容器的动态高度和宽度

Question

容器在颤振中自动膨胀-适用于所有设备

Container(
decoration: BoxDecoration(
borderRadius:
BorderRadius.circular(10),
border:
Border.all(color: lightBgColor),
),
height: daysList[index].isEmpty ?  50 : null,
width: double.infinity,
child: Wrap(
children: [
...daysList[index].map((e) =>
Container(
height: 40,
margin:
const EdgeInsets.all(4),
padding:
const EdgeInsets.all(8),
decoration: BoxDecoration(
color: lightBgColor,
borderRadius:
BorderRadius.circular(
10),
),
child: Row(
mainAxisAlignment:
MainAxisAlignment
.spaceBetween,
crossAxisAlignment:
CrossAxisAlignment
.center,
mainAxisSize:
MainAxisSize.min,
children: [
Text(e.name),
IconButton(
constraints:
const BoxConstraints(),
padding:
const EdgeInsets
.symmetric(horizontal: 4),
splashRadius: 8,
onPressed: () => removeExercise(e, index),
icon: const Icon(
size : 22,
Icons.delete,
color: Colors.red,
),
),
],
),
))
],
)),

我试过这个，它工作，所以我想分享这个

Answer 1

容器在抖动中自动膨胀-适用于所有设备

Container(
decoration: BoxDecoration(
borderRadius:
BorderRadius.circular(10),
border:
Border.all(color: lightBgColor),
),
height: daysList[index].isEmpty ?  50 : null,
width: double.infinity,
child: Wrap(
children: [
...daysList[index].map((e) =>
Container(
height: 40,
margin:
const EdgeInsets.all(4),
padding:
const EdgeInsets.all(8),
decoration: BoxDecoration(
color: lightBgColor,
borderRadius:
BorderRadius.circular(
10),
),
child: Row(
mainAxisAlignment:
MainAxisAlignment
.spaceBetween,
crossAxisAlignment:
CrossAxisAlignment
.center,
mainAxisSize:
MainAxisSize.min,
children: [
Text(e.name),
IconButton(
constraints:
const BoxConstraints(),
padding:
const EdgeInsets
.symmetric(horizontal: 4),
splashRadius: 8,
onPressed: () => removeExercise(e, index),
icon: const Icon(
size : 22,
Icons.delete,
color: Colors.red,
),
),
],
),
))
],
)),

我试过这个，它工作，所以我想分享这个