Question

我希望图像填满整个 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,
        ));
   }))

Answer 1

: 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,
        ));
   }))

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

1 个答案: