列表视图小部件内具有动态大小的容器

Question

我正在创建一个 listview 小部件，我希望它具有不同的容器大小，这些容器大小会随着用户在其中的输入而变化，问题是当我将我的列或行包装在扩展的小部件中时，代码会中断。 有没有办法为列表视图小部件设置最小和最大高度？

ListView(
  children: [
    Column(
      children: [
        Row(
          children: [
            Expanded(
              child: Container(
                color: Colors.yellow,
              ),
            ),
            Container(
              width: 2,
              color: kKillTeamOrange,
            ),
            Expanded(
              child: Container(
                color: Colors.green,
              ),
            ),
          ],
        ),
      ],
    ),
  ],
),

我尝试将列表视图包装在一个受限容器中，但没有成功，另一种选择是让按钮设置高度 state，但有很多按钮可以对其进行编码。 并且使用扩展的小部件非常适合不同的屏幕尺寸。

任何帮助将不胜感激。 干杯

Answer 1

想到了两种方法：

1. 自定义滚动视图
2. ListView（但使用卡片）两种方式都响应屏幕尺寸

带卡片的列表视图：

自定义滚动视图：

结果：

希望这可以帮助...