BoxDecoration:圆角(borderRadius)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

添加一个圆角效果 .. 在 BoxDecoration 里面可以使用一个 borerRadius 属性 .. 如果想同时在四个角添加一个圆角效果 .. 可以用一下 BorderRadius.circular 这个方法 .. 给它一个圆角的大小值就行了 ..

现在这个蓝盒子的四周会出现一个圆角效果 ..

我们也可以单独设置每个角的圆角效果 .. 需要用一下 BorderRadius 的 only 方法 .. 然后可以分别设置一下 topLeft .. topRight ..bottomLeft .. 还有 bottomRight 这四个周的圆角效果 ..

先添加一个 topLeft .. 它的值可以用一下 Radius.circular .. 把需要的圆角的大小交给它 ... 比如 64.0 ..

复制一份 .. 再添加一个 bottomLeft .. 大小也是 64.0 ..

现在界面上显示的这个蓝盒子,只有左上角 .. 还有左下角会使用一个圆角效果 ..

暂时我们还是用一下 BorderRadius 的 circular 在盒子的四周添加一个统一的圆角效果 ...

BoxDecoration:圆角(borderRadius)《 Flutter 移动应用:基础部件 》

统计

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

社会化网络

关于

微信订阅号

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