欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

Flutter 中 Card 设置圆角

发布时间:2024/3/7 编程问答 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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 开发》

总结

以上是生活随笔为你收集整理的Flutter 中 Card 设置圆角的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。