How to make dynamic height of a UICollectionView which inside any UI component?

Debabrata Roy

23 January 2020

Most of the time we are facing issues on the dynamic height of the UICollectionView which inside any UI component (like TableView, View). Today I will show you how to manage a UICollectionView height inside the UITableView.

UITableView is mostly used for showing dynamic layout or collections. Sometimes we have to use UICollectionView inside the TableViewCell and also manage height according to the contents. This section, I am going manage CollectionView an easy way

Let’s start the implementation part.

Step 1: Add a UITableView inside the UIViewController.

Step 2: Configure a UITableViewCell with UICollectionView

Step 3: Now Create a SubClass of the UICollectionView and Set this CustomCollectionView class in UIcollectionView.

class CustomCollectionView: UICollectionView {
    override func layoutSubviews() {
        super.layoutSubviews()
        if !(__CGSizeEqualToSize(bounds.size,self.intrinsicContentSize)){
            self.invalidateIntrinsicContentSize()
        }
    }
    override var intrinsicContentSize: CGSize {
        return contentSize
    }
}

class CustomCollectionView: UICollectionView {

override func layoutSubviews() {

super.layoutSubviews()

if !(__CGSizeEqualToSize(bounds.size,self.intrinsicContentSize)){

self.invalidateIntrinsicContentSize()

}

override var intrinsicContentSize: CGSize {

return contentSize

}

The above code will invalidate the intrinsicContentSize and will use the actual contentSize of collectionView. The above code takes into consideration the custom layout as well.

Step 4: Update the UICollectionView layout after reloading the CollectionView.

self.collectionView.reloadData()
self.collectionView.layoutIfNeeded()

1 2	self.collectionView.reloadData() self.collectionView.layoutIfNeeded()

I hope this post will help you to manage the Dynamic height of a UICollectionView.