RGStack
此用户界面尝试捕获 Quibi Card Stack 和相关用户交互。
所需
一个遵守 ConfigurableCard
协议的视图
最简单的设置
struct ContentView: View {
let demos: [Demo]
var body: some View {
RGStack<DemoCard>(data: demos, size: .init(width: 320, height: 530))
}
}
更多配置
使用传递给 RGStack 初始化器的 CardInfo 来控制 UI 布局更多方面。
struct CardInfo {
let size: CGSize
let gapDistance: CGFloat
let minScaleForBackCard: CGFloat
let visibleFractionOfBottomCard: CGFloat
}
项目中 ContentView 的完整演示。