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),
                ),

你可能感兴趣的:(flutter 圆角图片)