Question

我正在尝试将图像缩小一些，以使它不会在网格项元素中被裁剪。实际图片尺寸为300x300。

下面是我的代码，在这里我明确地尝试减小图像的宽度和高度，我还尝试了很多与fit类型的组合。我看不到任何可见的影响。您能告诉我该如何实现吗？谢谢您的耐心等候。

    @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: GridView.count(
      padding: const EdgeInsets.fromLTRB(0, 10, 0, 0),
      childAspectRatio: 1.5,
      crossAxisCount: 2,
      children: List.generate(
        8,
        (index) {
          return Center(
              child: Column(
            children: [
              Padding(
                  padding: const EdgeInsets.all(5),
                  child: CircleAvatar(
                    backgroundImage: Image.asset(
                      'assets/icons/antenna_icon.png',
                      height: 30,
                      width: 30,
                      fit: BoxFit.fitWidth,
                    ).image,
                    backgroundColor: Colors.grey.shade300,
                    radius: 50,
                  )),
              Text(
                "Evve",
                style: GoogleFonts.roboto(color: Colors.black87, fontSize: 15),
              ),
            ],
          ));
        },
      ),
    ));
  }

Answer 1

您可以将Transform.scale用作CircleAvatar的子项，并将图像设置为Transform.scale的子项：

CircleAvatar(
                    child: Transform.scale(
                      scale: 0.8,
                      child: Image.asset(
                        'assets/icons/antenna_icon.png',
                        height: 30,
                        width: 30,
                        fit: BoxFit.fitWidth,
                      ),
                    ),
                    backgroundColor: Colors.grey.shade300,
                    radius: 50,
                  )

图像宽度，高度未适应抖动中的参数

1 个答案: