RGStack

This UI attempts to capture the Quibi Card Stack and the associated User Interaction.

RGStack

Required

A View that conforms to the ConfigurableCard protocol

RGStack is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'RGStack'

Simplest Setup

import RGStack

struct ContentView: View {
  let demos: [Demo]
  var body: some View {
      RGStack<DemoCard>(data: demos, size: .init(width: 320, height: 530))//convenience initializer
  }
}

More configuration

Use the CardInfo, which is passed to the RGStack initializer, to control more aspects of the UI Layout

struct CardInfo {
    let size: CGSize
    let gapDistance: CGFloat
    let minScaleForBackCard: CGFloat
    let visibleFractionOfBottomCard: CGFloat
}

A full Demo is included in the ContentView of the Project.

GitHub