Scroll 基于列表的ListView溢出

Scroll 基于列表的ListView溢出,scroll,dart,flutter,flutter-layout,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() ) 我

在回答这个问题之前,我想说我对飞镖/飞镖非常陌生

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

ListView(
  shrinkWrap: true,
  padding: const EdgeInsets.all(24.0),
  children: _availableTraits.map((item) => new Text(item, style: TextStyle(fontSize: 24.0))).toList()
  )
我想我很幸运,
\u availableTraits
是一个相对较大的列表,因此我发现了这个问题。该列表超出了页面底部,一种警告/警告胶带通过flift贴在屏幕底部,并显示错误消息:
底部溢出93像素

那么,我如何强制颤振只使用滚动条呢

编辑:

我想我应该和大家分享一下这个问题。

编辑2:


上面的
列表视图
被包装在
元素中。
元素被包装在一个
脚手架中
为了解决您的问题,您需要展开缩小的
列表视图
,如下所示:

  Column(
        children: <Widget>[
          Expanded(
            child: ListView(
                shrinkWrap: true,
                ...
列(
儿童:[
扩大(
子:ListView(
收缩膜:对,
...

你试过用
安全区域包装它吗?
在这里工作很好,你能添加更多的代码吗?@MichaelYuwono很抱歉没有问题,但我该怎么做?只要
安全区域(…)
?这非常有效。非常感谢!ListView和ListView.builder之间有什么区别?这是一种最佳实践/惯例,和/或一种切实的好处吗?感谢您的回答!ListView.builder在您有很多项目并且希望动态生成项目时会帮助您,有关更多信息,请查看k此处: