无法在flutter web的有限高度容器中创建滚动

Posted

技术标签:

【中文标题】无法在flutter web的有限高度容器中创建滚动【英文标题】:Can't create a scroll in a limited height container in flutter web 【发布时间】:2021-03-08 02:45:07 【问题描述】:

我在频道 beta 中使用颤振 1.12.13+hotfix.6。 我想在一个高度有限的容器中创建一个滚动,但它不能按我的意愿工作。 (在手机上很好用) 我的代码:

Container(
  height: 200,
  child: ListView(
    shrinkWrap: true,
    children: <Widget>[
      Container(
        height: 100,
        color: Colors.purple[600],
      ),
      Container(
        height: 100,
        color: Colors.purple[500],
      ),
      Container(
        height: 100,
        color: Colors.purple[400],
      ),
      Container(
        height: 100,
        color: Colors.purple[300],
      ),
    ],
  ),
);

【问题讨论】:

您能否具体说明,什么不起作用。滚动..?小部件本身不是显示器或尺寸限制不适用。? 【参考方案1】:

您可以尝试SingleChildScrollView 使小部件可滚动。

【讨论】:

以上是关于无法在flutter web的有限高度容器中创建滚动的主要内容,如果未能解决你的问题,请参考以下文章

在原生android中创建像flutter一样的高度卡

如何根据 Flutter 中的子项更改容器的高度?

在 Flutter 中,您如何制作动画以将容器从 0 高度扩展到其内容的高度?

Flutter:固定高度容器内的可滚动列子项

是否可以在 Flutter Web 的同一页面中创建指向部分的链接?

Flutter - 如何创建遵循其父高度的流体/动态容器?