我有一个 crossAxisCount 为 6 的 GridView.Builder,当有 12 个项目时,它工作得很好,但如果项目为 11 或更少,或者只是不均匀,它看起来不太好......
这就是现在的样子,只有十一项,不太好
这就是我希望物品较少时的样子
较少的项目应该落在中心,这样当它可能只是一个项目时,它不应该显示在最左边,而应该像这样显示在中心......
这是我的代码
GridView.builder(
shrinkWrap: true,
physics: BouncingScrollPhysics(),
itemCount: staffs == null ? 0 : staffs.length,
gridDelegate:
SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1.0, crossAxisCount: 6),
itemBuilder: (BuildContext context, int index) {
return InkWell(
onTap: () {
showPinDialog(staffs[index]);
},
child: Container(
// padding: EdgeInsets.only(left: 40, right: 40),
margin:
EdgeInsets.only(right: 5, bottom: 5),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10.0),
border: Border.all(
color:
Colors.white)),
child: Column(
mainAxisAlignment:
MainAxisAlignment.spaceEvenly,
children: <Widget>[
Image.asset(
'assets/icons/black/user.png',
width: iconSize,
height: …
Run Code Online (Sandbox Code Playgroud) 我有一个列表/集合,我需要获取此列表中所有价格的总和。
cart_items = [
{
"id": 144,
"created_at": "2019-04-04 14:42:04",
"updated_at": "2019-04-04 14:42:04",
"cart_id": "3",
"client_id": "83",
"product_id": "6",
"quantity": "1",
"price": "1500",
"name": "Cucumber (2Pcs)",
"image": "products/es4eGjkgQ6MvzTaMyX4iXWjcSX03mVk3QB9oODWk.jpeg",
},
{
"id": 145,
"created_at": "2019-04-04 14:42:09",
"updated_at": "2019-04-04 14:42:09",
"cart_id": "3",
"client_id": "83",
"product_id": "5",
"quantity": "1",
"price": "2000",
"name": "Cauliflower",
"image": "products/lVZ31zORzltyVIDXhHoCWUgjTlal7cWd7pI8DL2V.jpeg",
}
]
Run Code Online (Sandbox Code Playgroud)
我一直在尝试在此集合/列表上使用 reduce 方法,但我不知道如何指定我需要获取价格总和。