实战需求
在前面的文章里面,我们讲解过matchedGeometryEffect和Grid的基础使用。下面让我们来组合使用,实现个购物车效果。
本文价值与收获
看完本文后,您将能够作出下面的界面
看完本文您将掌握的技能
- Grid基础使用
- matchedGeometryEffect基础使用
- 实现插入和移除联动动画
基础知识
LazyVGrid
一种容器视图,它在垂直增长的网格中排列其子视图,仅在需要时创建项。
struct LazyVGrid<Content> where Content : View
使用教程
grid网格组件是惰性的,因为网格视图在需要它们之前不会创建项目。
在以下示例中,ScrollView包含一个LazyVGrid,该LazyVGrid由垂直排列的Text视图网格组成,并与滚动视图的顶