gpt4 book ai didi

Flutter Vertical viewport 被赋予无限高度

转载 作者:IT王子 更新时间:2023-10-29 07:22:22 26 4
gpt4 key购买 nike

我需要构建一个基于日期选择的动态 ListView ,然后我将调用一个 API 来获取数据并相应地填充列表。然后在 ListView 本身的最后我有一个向下按钮,我按下它应该打开一个扩展面板。所以为了做一个列表,我调用一个函数 Widget buildDynamicList(BuildContext context) 来根据新数据动态填充新列表.我收到此错误。

I/flutter ( 3438): The following assertion was thrown during performResize():
I/flutter ( 3438): Vertical viewport was given unbounded height.
I/flutter ( 3438): Viewports expand in the scrolling direction to fill their container.In this case, a vertical
I/flutter ( 3438): viewport was given an unlimited amount of vertical space in which to expand. This situation
I/flutter ( 3438): typically happens when a scrollable widget is nested inside another scrollable widget.

在下面的第一列中,我画了一张卡片,我将在其中选择日期,在下面的下一列中,我将调用此函数 buildDynamicList(context)

 new Column(
children: <Widget>[
Container(
margin: new EdgeInsets.fromLTRB(20, 10, 0, 0),
decoration: new BoxDecoration(
color:Color.fromRGBO(36, 46, 66, 1),
borderRadius: new BorderRadius.only(
topLeft: const Radius.circular(35),
bottomLeft: const Radius.circular(35)
),

),
width: double.infinity,
height: 55.0,

//child:Expanded(
child:Card(

color: Color.fromRGBO(36, 46, 66, 1),
clipBehavior: Clip.antiAlias,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(35)
),

child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Container(
height: 40.0,
width: 50.0,

decoration: BoxDecoration(
color: Colors.blueAccent,
shape: BoxShape.circle,
border: new Border.all(
color: Colors.blue,
width: 2.5,
),
),
child: Icon(
Icons.calendar_today,
size: 25.0,
color: Colors.white,
),
),
Expanded(

child:
Column(
//mainAxisAlignment: MainAxisAlignment.center,
//mainAxisAlignment: MainAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
//new Row(
// mainAxisSize: MainAxisSize.max,

//children: <Widget>[
new Text(
"From", style: TextStyle(color:Colors.white),
),
new Text(
"01 Jan 2019", style: TextStyle(color:Colors.white),
),
// new Icon(Icons.account_circle)
//style: Theme.of(context).textTheme.body2

],
),
),
Expanded(

child:
Column(
//mainAxisAlignment: MainAxisAlignment.center,
//mainAxisAlignment: MainAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
//new Row(
// mainAxisSize: MainAxisSize.max,

//children: <Widget>[
new Text(
"To", style: TextStyle(color:Colors.white),
),
new Text(
"02 Jan 2019", style: TextStyle(color:Colors.white),
),
// new Icon(Icons.account_circle)
//style: Theme.of(context).textTheme.body2

],
),
),
],

)
),
//)

),
]

),
new Column(

mainAxisSize: MainAxisSize.min,

children: <Widget>[
buildDynamicList(context)

],

)

这是我为动态列表调用的函数。我尝试了很多选择,例如扩展、灵活等都给我错误。

Widget buildDynamicList(BuildContext context) {
return new Container(
//decoration: new BoxDecoration(border: new Border.all(width: 2.0)),
height:200,

//fit: FlexFit.loose ,
child: ListView.builder(
// shrinkWrap: true,
itemCount: vehicles.length,
itemBuilder: (BuildContext ctxt, int index) {

return new ListView(
children: <Widget>[
new Text("TEE"),
]


);
}

),
);

}

最佳答案

删除嵌套的 listview,因为它是不必要的:

   Widget buildDynamicList(BuildContext context) {
return new Container(
//decoration: new BoxDecoration(border: new Border.all(width: 2.0)),
height:200,
//fit: FlexFit.loose ,
child: ListView.builder(
//shrinkWrap: true,
itemCount: vehicles.length,
itemBuilder: (BuildContext ctxt, int index) {
return Text("TEE"),
}
),
);
}

关于Flutter Vertical viewport 被赋予无限高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55062275/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com