Listview 在颤振中如何在卡片上动态列表?
如何在卡片小部件上显示动态列表,如下图所示 此动态列表,要显示: 这段代码:Listview 在颤振中如何在卡片上动态列表?,listview,flutter,dart,dynamic,Listview,Flutter,Dart,Dynamic,如何在卡片小部件上显示动态列表,如下图所示 此动态列表,要显示: 这段代码: Card( elevation: 5, child: Padding( padding: const EdgeInsets.only(top:8.0, left: 8,right:8), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlig
Card(
elevation: 5,
child: Padding(
padding: const EdgeInsets.only(top:8.0, left: 8,right:8),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
......
Flexible(
child: ListView.builder(
shrinkWrap: true,
itemCount: sample.length,
itemBuilder: (context, index){
return Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
//data
......
Divider(color: Colors.black,),
],
);
}
),
)
],
),
)
)
卡(
标高:5,
孩子:填充(
填充:仅限常量边集(顶部:8.0,左侧:8,右侧:8),
子:列(
mainAxisAlignment:mainAxisAlignment.start,
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
......
灵活的(
子项:ListView.builder(
收缩膜:对,
itemCount:sample.length,
itemBuilder:(上下文,索引){
返回列(
mainAxisAlignment:mainAxisAlignment.start,
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
//资料
......
分隔器(颜色:Colors.black,),
],
);
}
),
)
],
),
)
)
但是显示为空白时有例外。在您的示例中,我认为唯一的问题是
交叉轴对齐
请使用CrossAxisAlignment.stretch
进行测试
或者,请发布您的全部代码或异常以查找确切原因。代码有点长,因此下面是GitHub存储库: 输出:
哦,很好,但还有一件事要说,这些卡片也是动态列表。你能在listviewBuilder中设置卡片吗?你是说列表中显示的所有数据都应该在Card widget中吗?不,我的意思是,这是你制作的一张卡片&这很完美,但是,你不想在listview中设置相同的卡片。简单地说,在listview.Builder()中包装这张卡片,如下所示: