flutter - 网格视图图像视图差异 Flutter 中的问题？

Question

我在 gridview 上显示图像，但我有问题。我想让图像的高度和宽度相等。

这是图片，我想让右侧的图像具有与左侧相同的宽度和高度。或者至少在缺失的部分放置一个白色的封面。

这是我的代码：

child: Consumer<Images>(
                        builder: (ctx, titles, ch) => GridView.builder(
                            physics: ScrollPhysics(),
                            itemCount: titles.items.length,
                            gridDelegate:
                                SliverGridDelegateWithFixedCrossAxisCount(
                              crossAxisCount: getSize(_currentSliderValue),
                              mainAxisSpacing: 50,
                              childAspectRatio: 115/162.05,
                              crossAxisSpacing: 5,
                            ),
                            itemBuilder: (ctx, index) {

                              saveallimages(titles.items);


                              return GestureDetector(
                                onTap: () => add(titles.items[index].image),
                                //()=>add(titles.items[index].image),
                                child: selected.contains(titles
                                    .items[index].image.path
                                    .toString()) ?

                                Container(child: selectedimage(titles.items[index].image)) :

                                  Container(child:  nonselected(titles.items[index].image))


                              );

这是我的小部件功能：

Widget selectedimage(image) {
    return Stack(children: <Widget>[
      Image.file(image, fit: BoxFit.cover),
      Positioned(
        right: 12,
        bottom: 10,
        child: Image.asset("assets/images/selected.png", width: 26, height: 26),
      )
    ]);
  }

  Widget nonselected(image) {
    return Stack(children: <Widget>[
      Image.file(image, fit: BoxFit.cover),
    ]);
  }

selectedimage 功能是在选择图像时放置检查图标。

Answer 1

除了使用Image.file或Image.asset作为孩子，您可以尝试在容器装饰中使用AssetImage或FileImage ，例如：

Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: FileImage(image),
      fit: BoxFit.cover,
    ),
  )
)