基于列表的ListView的溢出

时间:2019-03-29 21:53:08

标签: scroll dart flutter flutter-layout

我想通过说我对扑扑/飞镖非常陌生来开头这个问题。

基本上,我有一个包含一串字符串的列表。我想在主(和唯一)视图中列出它们。我有以下代码:

ListView(
  shrinkWrap: true,
  padding: const EdgeInsets.all(24.0),
  children: _availableTraits.map((item) => new Text(item, style: TextStyle(fontSize: 24.0))).toList()
  )

我想我很幸运_availableTraits是一个相对较大的列表,所以我发现了这个问题。该列表超出了页面的底部,并且在屏幕底部通过抖动和错误消息BOTTOM OVERFLOWED BY 93 PIXELS放置了一种警告/注意胶带。

那我怎么能迫使颤动只使用滚动条呢?

编辑:

想通了,我可能应该分享这个问题的图片。 Failed Scroll: yellow/black stripes

编辑2:

以上ListView被包装在column元素中。 column元素包装在scaffold中。

1 个答案:

答案 0 :(得分:1)

要解决您的问题,您需要扩展缩小的ListView,如下所示:

  Column(
        children: <Widget>[
          Expanded(
            child: ListView(
                shrinkWrap: true,
                ...