扑。图像圆形边框不起作用
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,
),
),
)
输出:
【讨论】:
谢谢它的工作 不客气;很高兴为您提供帮助以上是关于扑。图像圆形边框不起作用的主要内容,如果未能解决你的问题,请参考以下文章
UITableViewCell 上的圆形 UIImageView 在首次加载时不起作用
为啥我的 Center 小部件在 Dart 中不起作用? |扑
扑。列 mainAxisAlignment spaceBetween 在 Row 内不起作用