我正在 Android Studio 上开发一个新的 Flutter 应用。我的应用程序的一页从 Future 获取信息。有了 future 的结果，我正在创建一个 ListView.builder():

代码如下:

Widget encabezados(BuildContext context, AsyncSnapshot snapshot)
  {
    ListView(
      children: <Widget>[
        new Card(
          elevation: 3,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              SizedBox(width: 0.0,),
              Category(
                backgroundColor: Colors.deepOrange,
                val: clientesacobrar.toString(),
                title: "Clientes a cobrar",
              ),
              SizedBox(width: 10.0,),
              Category(
                backgroundColor: Colors.blue,
                title: "Clientes cobrados",
                val: clientescobrados.toString(),
              ),
              SizedBox(width: 10.0,),
              Category(
                val: formatter.format(montoacobrar),
                //val: records.length.toString(),
                backgroundColor: Colors.green,
                title: "Monto a cobrar",
              )
            ],
          ),
        ),
        new ListView(
          shrinkWrap: true,
          scrollDirection: Axis.vertical,

          //elevation: 3,
            children: <Widget>[
              ListView.builder(

                  scrollDirection: Axis.vertical,
                  shrinkWrap: true,
                  //ShrinkWrappingViewport: true,
                  itemCount: records.length,
                  itemBuilder: (BuildContext context, int index) {
                    return records.isNotEmpty
                        ? Card(
                        child: Padding (
                          padding: const EdgeInsets.all(16.00),
                          child: Text(records[index].nombre),
                        )
                    )
                        : CircularProgressIndicator();
                  }
              )
            ],
        )
      ],
    );


  }

正如您在 ListView 小部件中看到的那样，我使用的 shr​​inkWrap 设置为 true，因为如果我不设置它，我会得到:

I/flutter (22634): The following assertion was thrown during performResize():
I/flutter (22634): Vertical viewport was given unbounded height.
I/flutter (22634): Viewports expand in the scrolling direction to fill their container.In this case, a vertical
I/flutter (22634): viewport was given an unlimited amount of vertical space in which to expand. This situation
I/flutter (22634): typically happens when a scrollable widget is nested inside another scrollable widget.
I/flutter (22634): If this widget is always nested in a scrollable widget there is no need to use a viewport because
I/flutter (22634): there will always be enough vertical space for the children. In this case, consider using a Column
I/flutter (22634): instead. Otherwise, consider using the "shrinkWrap" property (or a ShrinkWrappingViewport) to size
I/flutter (22634): the height of the viewport to the sum of the heights of its children.

但是如果我设置了 shr​​inkwrap 属性，我就无法在我的应用程序上滚动页面

我尝试将 ListView.builder() 放入: 容器小部件、列小部件、ListView 小部件，但在 ListView.builder() 中，我总是被要求设置 shr​​inkwrap 属性。

最佳答案

您需要约束您的父小部件，以便它知道边界在哪里。

对于这种情况，单独包装在 Container 中不会有任何效果，除非您显式约束它(例如，通过设置约束或只给它一个显式高度)。

Container(
    height: 200.0, // or whatever
    child: ListView(
  ....
  )
)

作为替代方案，您还可以将内部 ListView 物理设置为 NeverScrollableScrollPhysics() 这将防止在内部 ScrollView 中发生任何滚动，并且仅在顶部 ScrollView 中发生将控制滚动。

如果所有这些都没有帮助，您可能需要使用一个 CustomScrollView，它可以让您嵌套多个 ScrollView ，基本上是一个 Sliver。

关于android - 具有无限高度的Flutter ListView异常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56309146/