我有以下布局:
return Container(
height: 1000,
width: 250,
color: Colors.green,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(height: 100, width: 200, color: Colors.red),
Expanded( // <--- I want to replace this with a widget that uses the height of its children, not the remaining height
child: Container(
color: Colors.blue,
width: 200,
child: Swiper(
itemCount: 2,
itemBuilder: (BuildContext context, int currentIndex) {
return Row( // <-- This construction works nice to force a dynamic height for the swipers children
children: [
IntrinsicHeight(
child: Container(
color: Colors.orange,
width: 200,
child: Column(
children: [
Container(height: 100, width: 200),
],
),
),
),
],
);
}),
),
),
],
));
在视觉上它代表了这一点:
我正在尝试实现 Swiper 小部件(对于这个例子,它周围的蓝色容器被调整到它的孩子的高度。 现在,对于这个例子,我使用了一个 Expanded() 小部件来渲染它而没有错误。我正在努力实现以下目标:
为了创建这个示例,我删除了展开的小部件,并为蓝色容器提供了 200 的高度。但我想在不给它一个固定高度的情况下达到上面的示例。
我尝试使用行/内在高度组合、灵活的小部件(宽松的)和使用受约束的框,但都无济于事。所有这些选项似乎都会导致错误。
实现动态高度的正确方法是什么?