如何将我的图像放入容器中？

Question

我想摆脱白色space。目前结果如下：

白色图像占用额外 space 并且不适合容器。

下面是我的代码：

Container(
                 height: 180,
                 width: 160,
                 child: ClipRRect(
                    borderRadius: BorderRadius.circular(20.0),
                    child: Image.network(book.pic == null ?
                'https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Book-icon-bible.png/900px-Book-icon-bible.png'
                :book.pic),
                  ),
                ),

Answer 1

您可以使用 fit: BoxFit.cover。在这种情况下你也不需要使用 ClipRRect，你可以只使用容器自己的属性来使边缘平滑，就像下面的例子一样。

Container(
    height: 180,
    width: 160,
    decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(20.0),
    ),
    child: Image.network(
    book.pic == null
        ? 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Book-icon-bible.png/900px-Book-icon-bible.png'
        : book.pic,
    fit: BoxFit.cover,
    ),
),

如何将我的图像放入容器中？

How do I fit my image into the container?

mvvm

dart

flutter

flutter-layout