颤动中 swiper 小部件的动态高度

时间:2020-12-24 00:29:49

标签: flutter layout flutter-layout intrinsic-content-size

我有以下布局:

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),
                              ],
                            ),
                          ),
                        ), 
                      ],
                    );
                  }),
            ),
          ),
        ],
      ));

在视觉上它代表了这一点:

Example

我正在尝试实现 Swiper 小部件(对于这个例子,它周围的蓝色容器被调整到它的孩子的高度。 现在,对于这个例子,我使用了一个 Expanded() 小部件来渲染它而没有错误。我正在努力实现以下目标:

Example

为了创建这个示例,我删除了展开的小部件,并为蓝色容器提供了 200 的高度。但我想在不给它一个固定高度的情况下达到上面的示例。

我尝试使用行/内在高度组合、灵活的小部件(宽松的)和使用受约束的框,但都无济于事。所有这些选项似乎都会导致错误。

实现动态高度的正确方法是什么?

0 个答案:

没有答案