用户登录

卡片小部件默认有一个大小是 4.0 的圆角效果 .. 不过这里卡片的上面这个圆角被图片挡住了 .. 我们可以给图像的左上角还有右上角添加一个大小跟卡片小部件一样的圆角效果 ..

可以这样 .. 先找到卡片上的图像 .. 剪切一下 .. 然后用一个 ClipRRect .. 它会给它的孩子裁出来一个圆角 .. 添加一个 borderRadius 属性 .. 对应的值用一下 BorderRadius.only .. 先设置一下 topLeft 这个角的圆角 .. Radius.circular .. 大小是 4.0 ... 复制一份 .. 再设置一下 topRight 这个角的圆角 .. 大小也是 4.0 ..

这个小部件的 child .. 就是刚才我们剪切的图像 .. 把它粘贴过来 .. 保存一下文件 ..

你会发现,现在在这个图像的右上角,还有左上角会出现一个圆角效果 ..

ClipRRect:圆角(给图像添加圆角效果)《 Flutter 移动应用:MDC 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点