Add custom cell to the end of collectionView

[lingzlu]

How can I add an additional cell to the end of the collectionView? with native implementation, I would do something as follow:

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return items.count + 1
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    if indexPath.row < items.count {
        let cell =  collectionView.dequeueReusableCell(withReuseIdentifier: "RegularCell", for: indexPath) as! RegularCell
        // configure regular cell 
        return cell
    }

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "SpecialCell", for: indexPath) as! SpecialCell
    // this cell has different layout with no SectionModel item, configureCell does not get called
    return cell
}

Can I achieve something similar with RxDataSource?

[gkuhlmann14]

Hi @lingzlu have you taken a look at using a datasource? Something like:
let dataSource = RxCollectionViewSectionedReloadDataSource<YourCustomSectionModel>
There's a pretty good example in the examples on it.
You could then do the same kind of thing from the examples:

 func skinTableViewDataSource(dataSource: RxCollectionViewSectionedReloadDataSource<YourCustomSectionModel>) { dataSource.configureCell = { (dataSource, table, idxPath, item) in 
    switch dataSource.itemAtIndexPath(idxPath) { 
      case RegularCell:
        let cell =  collectionView.dequeueReusableCell(withReuseIdentifier: "RegularCell", for: indexPath) as! RegularCell
        // configure regular cell 
        return cell
       case SepcialCell:
         let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "SpecialCell", for: indexPath) as! SpecialCell
    // this cell has different layout with no SectionModel item, configureCell does not get called
      return cell

Then in your viewDidLoad you'll want to have some sort of observable of (regular) [SectionItem] that maps to [YourCustomSectionModel] which you would bind to collectionView.rx_itemsWithDataSource(dataSource)

.map{ regularSectionItems -> [YourCustomSectionModel] in 
  let specialCell = SectionItem.SpecialSectionItem()
  let specialSection = YourCustomSectionModel.SpecialSection(title: "Special", items: [specialCell]) 
  let regularSection = YourCustomSectionModel.RegularSection(title: "Regular", items: regularSectionItems) 
  return [regularSection, specialSection]} 
.bindTo(collectionView.rx_itemsWithDataSource(dataSource)) 
.addDisposableTo(disposeBag) 

Give that a shot

[lingzlu]

thank gkuhlmann14! I model the example on MultipleSectionModelViewController.swift, and got something working, only problem is that I had to give SectionModel for special cell a dummy item to trigger the configureCell.

[kzaher]

This looks resolved.