Flutter 如何解决ListView.builder底部溢出问题?
我也有同样的问题。我已经尝试了提供的所有解决方案,但仍然遇到一个错误“底部的RenderFlex溢出x像素”。我在ListView构建器下面没有任何小部件。我在这里真是不知所措Flutter 如何解决ListView.builder底部溢出问题?,flutter,flutter-layout,Flutter,Flutter Layout,我也有同样的问题。我已经尝试了提供的所有解决方案,但仍然遇到一个错误“底部的RenderFlex溢出x像素”。我在ListView构建器下面没有任何小部件。我在这里真是不知所措 Widget build(BuildContext context) { return new Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: <Widget&
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);
},
)
],
),
),
),
],
);
}问题在于,ListView位于一个列中,该列具有固定高度,不能滚动,而ListView可以滚动。我不确定,但更改列alistview本身或使用扩展/灵活的列可以锻炼身体
列
小部件不会滚动,您将该小部件作为父小部件,并将页面列表视图
作为其子部件。
相反,请将您的父
列
小部件替换为ListView
,这样可以解决renderflow异常问题。您是否尝试过使用SingleChildScrollView包装第一列?谢谢@DK15,将父小部件替换为ListView成功。我还必须将UserInfoHeader小部件移动到appbar。
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,
),
),
);