Flutter开发 - 总结了两种设置阴影比较友好的方式

最新推荐文章于 2024-06-04 19:25:29 发布

CodingFire

最新推荐文章于 2024-06-04 19:25:29 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter实用开发技巧合集文章标签： flutter flutter阴影 card 阴影圆角阴影

本文链接：https://blog.youkuaiyun.com/CodingFire/article/details/114667644

34 篇文章 ¥19.90 ¥99.00

订阅专栏

本文总结了在Flutter开发中设置阴影的两种方法：1) 使用Card组件，简单但有限制；2) 使用Container配合系统阴影，可自定义但效果不均匀。示例代码和实际应用中的注意事项一并分享，帮助提升 Flutter UI 设计效果。

给view加阴影这个需求还算是比较常见的，在flutter中也同样，回顾过去的开发内容，一共用过两种加阴影的方式，今天分享给大家，看下效果图：
在这里插入图片描述

1.使用Card组件，card组件加的阴影更明显一些吧，而且是四周围绕的，使用起来简单，但是颇有限制，有些地方使用不是很友好，具体案例一时没想起来，大家可以在使用中体会下有哪些限制：

//对了，在使用时，记得外层包一层Container使用，方便设置边距
Container(
            margin: EdgeInsets.only(left: 20,

了解本专栏