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

问题描述 投票:0回答:2

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

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);
              },
            )
          ],
        ),
      ), 
    ),
  ],
);

}

这是每个List项的内容。

Widget build(BuildContext context) {
return new Card(
  //elevation: 8.0,
  margin: new EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0),
  child: Container(
    decoration: new BoxDecoration(
      color: Colors.white,
      borderRadius: new BorderRadius.circular(25.0)
    ),
    child: ListTile(
      contentPadding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
      leading: Container(
        padding: EdgeInsets.only(right: 12.0),
        decoration: new BoxDecoration(
          border: new Border(
            right: new BorderSide(width: 1.0, color: Colors.white54)
          )
        ),
        child: notchecked,
      ),
      title: Text(
        statusCard.timeStampString,
        style: Theme.TextStyles.buttonText,
      ),
      subtitle: Text(
        statusCard.text,
        style: Theme.TextStyles.contentCardText,
      ),
      trailing: delete,
    ),
  ),
);

}

flutter flutter-layout
2个回答
1
投票

Column小部件不会滚动,您将该小部件作为您的父窗口小部件,并将PageListView作为其中的子项。相反,用Column替换你的父ListView小部件,它应该解决渲染流异常。


0
投票

问题是你的ListView在一个具有固定高度的列内,并且无法滚动而listview滚动。我不确定但是将列表视图本身或使用Expanded / Flexible with Column更改列可以workOut。

© www.soinside.com 2019 - 2024. All rights reserved.