Flutter 中 Card 设置圆角

Flutter 中 Card 设置圆角


圆角设置非常常用,本文介绍 Card 容器组件的圆角等设置方法。

圆角设置

//shape 设置边,可以设置圆角
shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(20.0)),),

单独设置每个圆角大小

我们也可以分别设置每个圆角的大小:

shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(10.0),
                topRight: Radius.zero,
                bottomLeft: Radius.zero,
                bottomRight: Radius.circular(10.0)),),

设置抗锯齿

clipBehavior: Clip.antiAlias,

设置阴影大小

z 轴的高度,设置 Card 的阴影(阴影大小):

elevation: 20.0,

**PS:更多精彩内容,请查看 --> 《Flutter 开发》
**PS:更多精彩内容,请查看 --> 《Flutter 开发》
**PS:更多精彩内容,请查看 --> 《Flutter 开发》

猜你喜欢

转载自blog.csdn.net/u011578734/article/details/111935362