scroll - 基于列表的ListView的溢出

标签 scroll dart flutter flutter-layout

我想先说一下我对 flutter/dart 还很陌生。

本质上,我有一个包含一堆字符串的列表。我想在主(也是唯一) View 中列出它们。我有这段代码:

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

我想我很幸运 _availableTraits 是一个比较大的列表,所以我发现了这个问题。该列表超出了页面底部,并且在屏幕底部随 flutter 出现了一种警告/警告带,并附有错误消息:BOTTOM OVERFLOWED BY 93 PIXELS

那么我怎样才能强制 flutter 只使用滚动条呢?

编辑:

我觉得我应该分享一张问题图片。 Failed Scroll: yellow/black stripes

编辑 2:

上面的 ListView 包裹在 column 元素中。 column 元素包装在 scaffold 中。

最佳答案

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

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

关于scroll - 基于列表的ListView的溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55425906/

相关文章:

windows - 使用dart:io将结尾写入文件

json - 未处理的异常 : FormatException: Unexpected character (at character 1) <br/>

http - 在类型转换中出现错误 "type ' List<Map<String, Object>>' is not a subtype of type ' String'

flutter - 在flutter中使用FCM时如何获取有效负载数据?

android - 如何在关闭状态下运行应用程序 Flutter 后台服务?

reactjs - 使用 Reactjs Material-UI 滚动时如何自动隐藏 AppBar

javascript - 根据滚动条的位置更改 div 的背景,而不是看起来像已加载

css - 使用 CSS 自动滚动

javascript - 像 iAd 一样在 UIWebView 中的 div 内滚动

dart - 为什么在Dart的null安全中无法访问List()构造函数?