列表视图和其他小部件之间的巨大空间

Question

我有一个容器包含一列容器和列表视图..以这种方式：1.容器2.列表视图3.容器4.列表视图......我是这样做的：

Container(
        color: Colors.white,
        child: Stack(
          overflow: Overflow.visible,
          children: <Widget>[
            new Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: <Widget>[
                Container(
                  child: Padding(
                    padding: EdgeInsets.only(
                        right: 20.0, left: 20.0, top: 5.0, bottom: 5.0),
                    child: new Text(
                      "header1",
                    ),
                  ),
                  color: Color(0xfff8f8f8),
                ),
                Expanded(
                  child: ListView.builder(
                    itemCount: titles.length,
                    itemBuilder: (BuildContext context, int index) {
                      return new Padding(
                        padding: EdgeInsets.only(
                            left: 20.0, right: 20.0, top: 15.0),
                        child: .......
                      );
                    },
                  ),
                ),
                Container(
                  child: Padding(
                    padding: EdgeInsets.only(
                        right: 20.0, left: 20.0, top: 5.0, bottom: 5.0),
                    child: new Text(
                      "header2",
                    ),
                  ),
                  color: Color(0xfff8f8f8),
                ),
                Expanded(
                  child: ListView.builder(
                    itemCount: titles.length,
                    itemBuilder: (BuildContext context, int index) {
                      return new Padding(
                        padding: EdgeInsets.only(
                            left: 0.0, right: 0.0, top: 0.0),
                        child: .....
                      );
                    },
                  ),
                ),
              ],
            ),
          ],
        ),
      ),

我无法从列表视图中删除 Expanded .. 如果我这样做了，列表视图将不会出现在列内 ..

另外，我尝试使用灵活但同样的问题存在..

这可以满足我的需要.. 但是第一个列表视图和第二个容器之间有很大的空间.. 如何删除这个空白空间并根据内容的高度使列表视图高度换行？

Answer 1

试试这个代码

ListView(
    shrinkWrap: true,
    children: <Widget>[
      Container(
        child: Padding(
          padding: EdgeInsets.only(
              right: 20.0, left: 20.0, top: 5.0, bottom: 5.0),
          child: new Text(
            "header1",
          ),
        ),
        color: Color(0xfff8f8f8),
      ),
      ListView.builder(
        physics: NeverScrollableScrollPhysics(),
        shrinkWrap: true,
        itemCount: titles.length,
        itemBuilder: (BuildContext context, int index) {
          return new Padding(
              padding: EdgeInsets.only(
                  left: 20.0, right: 20.0, top: 15.0),
              child: ListTile(title: Text(titles[index]),)
          );
        },
      ),
      Container(
        child: Padding(
          padding: EdgeInsets.only(
              right: 20.0, left: 20.0, top: 5.0, bottom: 5.0),
          child: new Text(
            "header2",
          ),
        ),
        color: Color(0xfff8f8f8),
      ),
      ListView.builder(
        physics: NeverScrollableScrollPhysics(),
        shrinkWrap: true,
        itemCount: titles.length,
        itemBuilder: (BuildContext context, int index) {
          return new Padding(
              padding: EdgeInsets.only(
                  left: 0.0, right: 0.0, top: 0.0),
              child: ListTile(title: Text(titles[index]),)
          );
        },
      ),
    ],
  ),