Flutter如何设置包装gridview高度的列

发布于03月08日

我试图将列的高度动态地转换为，因为我拥有的产品越多，我需要的列的高度就越高，下面就是我的代码

Container(
          width: double.infinity,
          height: 1000,
          child: GridView.builder(
            physics: NeverScrollableScrollPhysics(),
            itemCount: productsList.length,
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 2,
                childAspectRatio: 22 / 30,
                mainAxisSpacing: 5,
                crossAxisSpacing: 3),
            itemBuilder: (ctx, i) {
              return ChangeNotifierProvider.value(
                value: productsList[i],
                child: FeedsProduct(),
              );
            },
          ),
        ),

如何动态设置容器高度？

推荐答案

GridView中有一个名为:shrinkWrap的属性，请参见shrinkWrap property

在这里你可以找到简单的例子

class SimpleExample extends StatelessWidget {
  const SimpleExample({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: SingleChildScrollView(
        child: Column(
          children: [
            GridView.builder(
              physics: NeverScrollableScrollPhysics(),
              itemCount: 30,
              shrinkWrap: true,
              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 2,
                  childAspectRatio: 22 / 30,
                  mainAxisSpacing: 5,
                  crossAxisSpacing: 3),
              itemBuilder: (ctx, i) {
                return Container(
                  color: Colors.grey,
                  child: Center(
                    child: Text("Item $i"),
                  ),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}