CollectionView не отображается вертикально, как ожидалось

Question

Я пытаюсь реализовать следующий экран.

Но в моем коде он отображается следующим образом:

следующий код, который я написал,

    import UIKit

class LunchViewController: UIViewController {

    @IBOutlet weak var mainCollectionView: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }


}

extension LunchViewController:UICollectionViewDataSource,UICollectionViewDelegateFlowLayout,UICollectionViewDelegate {


    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 412, height: 180)
    }


    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
       // return self.myLibraryArray.count
        return 8
    }

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

        // let item = self.myLibraryArray[indexPath.row]

        guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "RestaurantCollectionViewCell", for: indexPath) as? RestaurantCollectionViewCell else {
            return UICollectionViewCell()
        }
        //cell.fillDetails(item)
        return cell

    }


}

Вот полная ссылка на проект

Кто-нибудь может мне сказать , в чем проблема? или что мне нужно написать код, чтобы получить ожидаемый результат?

Обновление :

Answer 1

Выберите collectionView и измените размер оценки на none. В раскадровке. если вам не нужно пространство между двумя ячейками, установите 0 на for lines в Min spacing

И я дал width как ширина экрана

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: UIScreen.main.bounds.size.width, height: 180)
}

Вывод: -

Answer 2

Измените метод sizeForItem на этот:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: collectionView.frame.size.width, height: 180)
}

Также убедитесь, что mainCollectionView ограничен передним и задним краями в раскадровке.