Question

我遇到的问题与here相同。我已经尝试了提供的所有解决方案，但仍然收到错误“ RenderFlex底部x像素溢出”。我在custom ListView Builder下方没有任何小部件。我真的很茫然。

const
  FLAG_ICC_FORCE_CONNECTION = 1;
begin
  if not InternetCheckConnection('http://google.com', FLAG_ICC_FORCE_CONNECTION, 0) then
    RaiseLastOSError;

}

这是每个列表项的内容。

Widget build(BuildContext context) {
return new Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    new GradientAppBar("Twitter"),
    new Container(
      child: Flexible(
        child: Column(
          children: <Widget>[
            Container(
              padding: const EdgeInsets.only(top: 10.0, left: 10.0),
              child: UserInfoHeader(userinfo)
            ),
            PagewiseListView(
              shrinkWrap: true,
              scrollDirection: Axis.vertical,
              physics: const AlwaysScrollableScrollPhysics(),
              pageSize: 200,
              itemBuilder: (context, TwitterCardContent entry, _) {
                return TwitterCard(entry);
              },
              pageFuture: (pageIndex) {
                return getStatuses(userinfo.screenName);
              },
            )
          ],
        ),
      ), 
    ),
  ],
);

}

Answer 1

问题是您的ListView位于列内，该列具有固定的高度，不能滚动，而listview可以滚动。我不确定，但是将Column本身更改为 listview 或将Expanded / Flexible与Column一起使用都可以解决。

Answer 2

Column小部件不滚动，并且您将该小部件作为父小部件，将PageListView作为子级小部件。而是用Column替换您的父ListView小部件，该小部件应解决渲染流异常。

Answer 3

用扩展的小部件包装您的列表视图构建器。

如何解决ListView.builder底部溢出问题？

3 个答案: