Trung tâm cá nhân
sách gpt4 ai đã đi

flutter - 格 subview 构建器，其项目的随机宽度 flutter

In lại 作者：行者123 更新时间：2023-12-05 00:46:51 29 4
mua khóa gpt4 Nike

我需要展示这样的东西 nhập mô tả hình ảnh ở đây

有人可以帮忙吗？我可以实现以下输出

nhập mô tả hình ảnh ở đây我正在使用以下代码::

GridView.builder(

          scrollDirection: Axis.vertical,
          physics: ScrollPhysics(),
          shrinkWrap: true,
          itemCount: 6,
          gridDelegate:
              SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2,
                childAspectRatio: MediaQuery.of(context).size.width /
                  (MediaQuery.of(context).size.height / 4),),
          itemBuilder: (BuildContext context, int index) {

            return GestureDetector(
              child: Container(

                padding: EdgeInsets.all(0.0),
                margin: EdgeInsets.only(
                    left: 10.0, right: 10.0, top: 10.0, bottom: 10.0),
                decoration: BoxDecoration(
                  border: Border.all(color: Color(0xFF282f61),width: 2.0),
                  borderRadius: BorderRadius.all(Radius.circular(
                      14.0) // <--- border radius here
                  ),
                ),
                child: Center(
                  child: Text(
                      'Avg-project',
                      style: TextStyle(
                        color: Color(0xFF17b01b),
                        fontSize: 14.0,
                      ),
                  ),
                ),
              ),
              onTap: () {},
            );
          },
        ))

如何在 flutter 中实现具有随机宽度的 GridView ？

1 Câu trả lời

gridview 不支持随机宽度，因此您可以使用 wrap 小部件代替 gridview 来实现所需的输出。

@ghi đè
  Xây dựng tiện ích (BuildContext context) {
    return Scaffold(
      appBar: BackAppBar("Notifications", context),
      body: Wrap(
        children: [
          "Help Moviing",
          "Furniture Assembly",
          "Mounting",
          "Home Repairs",
          "Personal Assistant",
          "Delivery",
          "Hard Work",
          "Practice & Unpacking",
          "Painting",
          "Cleaning",
          "Heavy Liffing"
        ].map((f) => GestureDetector(
                  child: Container(
                    padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
                    margin: EdgeInsets.only(
                        left: 5.0, right: 5.0, top: 10.0, bottom: 10.0),
                    decoration: BoxDecoration(
                      border: Border.all(color: Color(0xFF282f61), width: 2.0),
                      borderRadius: BorderRadius.all(Radius.circular(
                          10.0) // <--- border radius here
                          ),
                    ),
                    child: Text(f,
                      style: TextStyle(
                        color: Color(0xFF17b01b),
                        fontSize: 16.0,
                      ),
                    ),
                  ),
                  onTap: () {},
                ))
            .toList(),
      ),
    );
  }

nhập mô tả hình ảnh ở đây

关于flutter - 格 subview 构建器，其项目的随机宽度 flutter ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59453031/

29 4 0
Bài viết được đề xuất: python - 如何将元组列表转换为 pandas 数据框，以便每个元组的第一个值代表一列？
Bài viết được đề xuất: kotlin - 将密封类声明为对象的好处
Bài viết được đề xuất: visual-studio-code - VSCode 箭头选择模式怎么出去？
Bài viết được đề xuất: Clojure 相当于 "Actors"
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com