listview - 如何在flutter中动态列出卡片？

Question

如何在卡片小部件上显示动态列表，如下图所示？

这个动态列表，要显示：

这段代码：

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

      ],
    ),
  )
)

但显示空白异常。

标签： listviewflutterdartdynamic

Answer 1

代码有点长，这里是 GitHub 存储库：

https://github.com/TheKetan2/stackoverflow_answers/blob/master/lib/card_list_example.dart

输出：