如何將自定義小部件項填充到 flutter 中的列表視圖中？

Question

我想創建這樣的圖像列表視圖。 如何使用 flutter 實現這一目標？

如果你知道怎么做，請幫個忙？

Answer 1

您需要一個列表視圖小部件和一個包含卡片小部件的構建器，該卡片小部件以 Row 作為子級。

列表顯示：-

ListView.builder(
        padding: EdgeInsets.all(10.0),
        shrinkWrap: false,
        itemCount: model.length,
        itemBuilder: (BuildContext context, int index) {
          return listItem(context, index);
        },

項目清單：-

model 被移除

Widget listItem(BuildContext context, int index) {
  return Card(
  child: Row(
    children: <Widget>[

      Container(margin: EdgeInsets.all(10),child: Text("1")),
      Container(height: 20,width: 1,color: Colors.blue,),
      Container(margin:EdgeInsets.all(10),child: Text("asdasd"))
    ],
  ),
);
}