flutter - 用图像填充整个容器，不留空白

Question

我有这个 GridView 项目:

如您所见，图像并未填满所有容器(绿色区域)。我想全部填满；换句话说，不会有绿色。

这是容器的代码:

                 Container(
                                width: width,
                                alignment: Alignment.centerRight,
                                child: Container(
                                  // padding: EdgeInsets.all(4),
                                  
                                  width: width * 0.2,
                                  decoration: const BoxDecoration(
                                    color: Colors.green,
                                    borderRadius: BorderRadius.only(
                                      topRight: Radius.circular(10),
                                      bottomRight: Radius.circular(20),
                                      topLeft: Radius.circular(45),
                                      bottomLeft: Radius.circular(10),
                                      
                                    ),
                                  ),
                                  child: Image.network(output['image'],
                                  fit: BoxFit.fill,
                                       loadingBuilder:
                                          (context, child,
                                              loadingProgress) {
                                    if (loadingProgress == null) {
                                      return child;
                                    } else {
                                      return const Center(
                                          child: CircularProgressIndicator(
                                              valueColor:
                                                  AlwaysStoppedAnimation<
                                                          Color>(
                                                      Colors.white)));
                                    }
                                  }),
                                ),
                              ),

Answer 1

试试这个，用 MediaQuery 替换你的宽度

Container(
  width: MediaQuery.of(context).size.width,
  
  decoration: BoxDecoration(
    image: DecorationImage(
      fit: BoxFit.fill,
      image: NetworkImage("image"),
    ),
  ),
)