时间戳

首页 > 解决方案 > 图像不适合容器 | Boxfit.fill？

flutter - 图像不适合容器 | Boxfit.fill？

问题描述

我希望图像填充整个图像，Container但我无法这样做。在线文档和资源都指向使用fit: BoxFit.fill，但是它似乎无效。

我是否遗漏了一些会导致照片无法填满整个容器的东西，因此不遵循childAspectRatio

 : GridView.count(
            shrinkWrap: true,
            crossAxisCount: 2,
            childAspectRatio: (50 / 80),
            padding: const EdgeInsets.all(3.0),
               children:
                     List.generate(widget.imageArray.length, (index) {
                return Container(
                     child: Image.file(widget.imageArray[index]),
                     decoration: BoxDecoration(
                     color: Colors.grey[800],
                     borderRadius: BorderRadius.circular(10),
                      fit: BoxFit.fill,
        ));
   }))

标签： flutter

解决方案

: GridView.count(
            shrinkWrap: true,
            crossAxisCount: 2,
            childAspectRatio: (50 / 80),
            padding: const EdgeInsets.all(3.0),
               children:
                     List.generate(widget.imageArray.length, (index) {
                return Container(
                     child: Image.file(widget.imageArray[index],fit: BoxFit.fill,),
                    // use BoxFit.fill or BoxFit.cover as you need
                     decoration: BoxDecoration(
                     color: Colors.grey[800],
                     borderRadius: BorderRadius.circular(10),
                    // not need this here
                    //  fit: BoxFit.fill,
        ));
   }))

推荐阅读