小编Hus*_*ule的帖子

如何在 Flutter 中将 GridView.Builder 中的项目居中

我有一个 crossAxisCount 为 6 的 GridView.Builder,当有 12 个项目时,它工作得很好,但如果项目为 11 或更少,或者只是不均匀,它看起来不太好......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)

grid flutter

6
推荐指数
1
解决办法
2636
查看次数

使用颤振的集合中的价值总和

我有一个列表/集合,我需要获取此列表中所有价格的总和。

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 方法,但我不知道如何指定我需要获取价格总和。

dart flutter

2
推荐指数
1
解决办法
5159
查看次数

标签 统计

flutter ×2

dart ×1

grid ×1