根据 Number 定义列表的数量到 Widget Flutter

Question

我所拥有的是已收到的订单数量，这些订单已根据此代码显示在一个选项卡中的小部件中：

class ShipmentTab extends StatefulWidget {
  @override
  _ShipmentTabState createState() => _ShipmentTabState();
}

class _ShipmentTabState extends State<ShipmentTab> {
  **final shipmentNumber = "16";**

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceAround,
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.all(8.0),
          child: Card(
            color: Color(0xfffeaf0d),
            child: Container(
              width: 40,
              height: 40,
              child: Icon(
                Icons.local_shipping,
                color: Colors.white,
              ),
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.all(13),
          child: Text(
            shipmentNumber,
            style: TextStyle(
                color: Colors.white, fontSize: 35, fontWeight: FontWeight.bold),
          ),
        ),
      ],
    );
  }
}

如您所见，变量是“shipmentNumber”，显示“16” 下面我有listview.builder，我需要添加itemCount，这个计数必须参考“16”上方的选项卡 这是列表的代码：

Container(
          height: 400,
          child: ListView.builder(
            shrinkWrap: true,
            itemBuilder: (ctx, int) {
              return Card(
                color: Color(0xFF1f2032),
                elevation: 15,
                child: Container(
                  width: 60,
                  height: 60,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: <Widget>[
                      Card(
                        color: Color(0xfffeaf0d),
                        child: Container(
                            height: 40,
                            width: 40,
                            child: Icon(
                              Icons.local_shipping,
                              color: Colors.white,
                              size: 25,
                            )),
                      ),
                      Text(
                        'Ref № $int',
                        style: TextStyle(
                            color: Colors.white, fontWeight: FontWeight.bold),
                      ),
                      Text(
                        'Mario Rossi',
                        style: TextStyle(
                          fontWeight: FontWeight.bold,
                          color: Color(0xfffeaf0d),
                        ),
                      ),
                      Text(
                        'Consegnato',
                        style: TextStyle(color: Colors.lightGreenAccent),
                      ),
                      Icon(
                        Icons.share,
                        color: Colors.white,
                      )
                    ],
                  ),
                ),
              );
            },
          ),
        ),
      ],
    );
  }
}

Answer 1

ListView.builder 有 itemCount 参数。我注意到shippingNumber 在字符串中，因此您可以将其解析为int。您还需要删除 Container height 包裹您的 ListView

ListView.builder(
        shrinkWrap: true,
        itemCount: int.parse(shipmentNumber),
        itemBuilder: (BuildContext context, int index) {
          /** build your Item here **/
         return BuiltItem();
        },
    )