You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中如何移除图片下方圆角并保留两侧圆角?

解决方案

你只需要修改ClipRRect的borderRadius参数,替换掉统一设置四个角圆角的BorderRadius.circular(12),改用BorderRadius.only精确指定需要保留圆角的角:

Expanded(
  flex: 2,
  child: ClipRRect(
    // 只保留顶部左右两个角的圆角,去掉底部的圆角
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(12),
      topRight: Radius.circular(12),
    ),
    child: Image.asset(AppImageAssets.producttestimage),
  ),
),

原理很简单:BorderRadius.circular(12)会给图片四个角都添加圆角,而BorderRadius.only可以单独控制每个角的圆角值,把底部左右角的圆角设为默认的0(不需要额外写),就实现了移除下方圆角、保留顶部左右圆角的效果。

内容的提问来源于stack exchange,提问作者jon snow

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 20:42:50