RowItem
A declarative way for building vertically-stacked views. A proof-of-concept.
Functions that return views
This project has an abstraction layer over how to present "stacked views".
You have a basic view, you return a row item
.
You have a collection view, you return a row item
.
Features
-carousel
or horizontally scrollable content,
-grid
or vertically scrollable content,
-custom
where you return the view you want instead.
How it works with UICollectionViews
We all know that UICollectionView
layouts come in 2 flavors, "vertical" and "horizontal".
.scrollDirection = .vertical
// or
.scrollDirection = .horizontal
While "horizontal" option offers smooth orientation change, the vertical one is more complicated and the layout breaks easily. RowItem offers a solution. You don't have to worry about orientation changes now.
Requirements
- iOS 10.0+
- Swift 5+
Installation
Copy code into your project.
How it works
Adopt RowItemsProvider
and return from there a list of row items.
This is how a single row item looks like:
// view that takes up half the height of its superview
func halfView()->RowItem{
let itemHeightBlock:HeightBlock = { containerSize in
return containerSize.height / 2
}
let view = UIView()
return RowItem(
view: view,
heightBlock: itemHeightBlock,
collectionViewDefinition: nil
)
}
This is how you return your list of row items:
public var rowItems: [RowItem] {
var items = [RowItem]()
items.append(personsCarousel())
items.append(citiesGrid())
items.append(halfView())
items.append(textView())
return items
}
and present this view controller in your view controller:
let rowItemsViewController = RowItemContainerController(items: ...)
self.show(rowItemsViewController, sender: nil)