Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Listview 在颤振中如何在卡片上动态列表?_Listview_Flutter_Dart_Dynamic - Fatal编程技术网

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()中包装这张卡片,如下所示: