UICollectionView safe areaについて

Question

前提・実現したいこと

google mapのようにsafe areaのところにもcellが見えるようにしたいのですがsimulator のような状態になってしまいます。どうすればよいのでしょうか？

(view=青, collectionView=黄色, cell=赤)

該当のソースコード

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return .init(width: 280, height: 260)
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 4
    }

##試しとこと
storyboard上でcollectionViewのestimate size のところをautomaticからnoneに変更したところ画像のようになりました。

Answer 1

? 特別な設定等は必要ないと思いますが、UICollectionViewDelegateFlowLayout?で設定してるレイアウトが不完全なのではないでしょうか？

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var collectionView: UICollectionView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // configure layout here
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSize(width: 280, height: 260)
        layout.minimumInteritemSpacing = 20
        layout.sectionInset = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)
        layout.scrollDirection = .horizontal
        collectionView.collectionViewLayout = layout
    }
}


extension ViewController: UICollectionViewDataSource {
    
    func collectionView(_ collectionView: UICollectionView,
                        numberOfItemsInSection section: Int) -> Int {
        return 4
    }
    
    func collectionView(_ collectionView: UICollectionView,
                        cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell
            = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath)
        return cell
    }
}

Comments

[totot]

回答ありがとうございます。
UICollectionViewDelegateFlowLayoutはこんな感じにしてあります。

override func viewDidLoad() {
super.viewDidLoad()
photoCollectionView.delegate = self
photoCollectionView.dataSource = self
}

extension SpotDetailViewController: UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 4
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
cell.backgroundColor = .red
return cell
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
return .init(width: 280, height: 260)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
return 4
}
}

[退会済みユーザー]

調べてなくて申し訳ないのですが、UICollectionViewFlowLayout()ならcollectionViewのレイアウトを初期化してあれば行けるかな？
たぶんUICollectionViewDelegateFlowLayoutでも初期化したら関数が呼ばれるんじゃないのかな?
書いてないんでわからんですが、初期化コードがないんじゃないかと