Flutter 设置Container高度自适应GridView和ListView

最新推荐文章于 2025-03-26 09:22:11 发布

氤氲息

最新推荐文章于 2025-03-26 09:22:11 发布

阅读量8.6k

点赞数 3

分类专栏：安卓文章标签： flutter android

本文链接：https://blog.youkuaiyun.com/weixin_44911775/article/details/124844806

版权

安卓专栏收录该内容

381 篇文章

订阅专栏

参考
1、去掉Container的高度
2、添加下面语句

   physics: NeverScrollableScrollPhysics(),
            shrinkWrap: true,

完整代码如下

  Widget imageSection1(imgPath, imgPath1) {
    return ListView(
      physics: NeverScrollableScrollPhysics(),
      shrinkWrap: true,
      children: [
        Row(
          children: [
            GestureDetector(
              onTap: (){
                uploadImages();
              },
              child: Container(
                height: 60,
                width: 60,
                margin: const EdgeInsets.only(right: 10.0),
                decoration: const BoxDecoration(
                  image: DecorationImage(
                    image: AssetImage(
                        "assets/base_widgets/icon_publish_moment_addphoto.png"),
                    fit: BoxFit.fitWidth,
                  ),
                ),
              ),
            ),
          ],
        ),
        Container(
          width: double.infinity,

          child: GridView.builder(
            physics: NeverScrollableScrollPhysics(),
            shrinkWrap: true,
            padding: EdgeInsets.all(0),
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 3, crossAxisSpacing: 2, mainAxisSpacing: 2),
            itemBuilder: (BuildContext context, int index) {
              return _createGridViewItem(
                  AssetThumb(
                    asset: resultList[index],
                    width: 300,
                    height: 300,
                  ),
                  index);
            },
            itemCount: resultList.length,
          ),
        )
      ],
    );
  }