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
相关产品推荐
相关产品推荐

