flutter 圆角图片

圆角图片

1. 使用修饰器背景图片

  • Material - 显示阴影圆角（绘制圆角
    • borderRadius 圆角
    • elevation 阴影
    • shadowColor 阴影透明度
    • Container - 容器
      • decoration - 修饰器设置
        • borderRadius 圆角
        • image 图片（需要同时和material设置
      • child 内容
        • Stack 堆积
          • SizedBox(height: 200), 设置填充大小

2. 使用cliprrect裁剪

ClipRRect(
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(4),
                    topRight: Radius.circular(4),
                  ),
                  child: Image.network(post.imageUrl,fit:BoxFit.cover),
                ),
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。