扑。图像圆形边框不起作用

Posted

技术标签:

【中文标题】扑。图像圆形边框不起作用【英文标题】:Flutter. Image rounded borders not working 【发布时间】:2022-01-21 04:24:27 【问题描述】:

我正在尝试制作图像的圆角。这是我的代码:

                   ClipRRect(
                        borderRadius: BorderRadius.circular(14),
                        child: Image.asset(
                          "assets/images/test.png"                         
                        ))

一切正常,但是当我尝试将图像放入具有固定高度和宽度的容器中时,圆形边框停止工作。 这是我的代码:

         LimitedBox(
              maxWidth: 95,
              maxHeight: 95,
              child: ClipRRect(
                    borderRadius: BorderRadius.circular(14),
                    child: Image.asset(
                      "assets/images/test.png"                        
                    ),
              ),
            )

为什么会这样,请帮帮我。

【问题讨论】:

你可以试试fit: BoxFit.fitWidth, in Image.asset @Jahidul Islam,是的,在这种情况下,图像没有固定尺寸( 【参考方案1】:

让我们试试背景图片

Container(
              height: 120.0,
              width: 120.0,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(14),
                image: DecorationImage(
                  image: AssetImage(
                      'assets/images/test.jpg'),
                  fit: BoxFit.fill,
                ),

              ),
            )

输出:

【讨论】:

谢谢它的工作 不客气;很高兴为您提供帮助

以上是关于扑。图像圆形边框不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Android:我的图像周围可以有圆形边框吗[重复]

UITableViewCell 上的圆形 UIImageView 在首次加载时不起作用

为啥我的 Center 小部件在 Dart 中不起作用? |扑

扑。列 mainAxisAlignment spaceBetween 在 Row 内不起作用

当背景颜色与边框背景颜色不同时,为 WPF TextBlock 设置左上角和右上角圆角不起作用

图像顶部的Android按钮不起作用