UICollectionViewCellの最小サイズを設定したい

Question

UICollectionViewを使用して下記画像のような左寄せのタグ一覧を実装しています。
Cellサイズを指定するのに、UICollectionViewFlowLayoutで
estimatedItemSize = UICollectionViewFlowLayout.automaticSize
を使用しています。
その際、概ね期待通りのCellサイズになるのですが、一文字LabelのCellサイズだけもう少し大きくしたいと思っています。
下記画像で言う「豆」「栗」「鯛」などの一文字ラベルのCellサイズを「焼肉」「そば」などの二文字ラベルのCellサイズを同じにしたいです。

一文字のデータの量端に半角スペースを入れてみたりしたのですが、期待通りの大きさとは違うのと
、できれば最小のCellサイズを指定できないかと考えております。
いろいろと検索したのですが、解決策がみつけることができませんでした。

お知恵をお貸しいただけないでしょうか。
よろしくお願いいたします。

//TagCollectionViewController.swift

import UIKit

class TagCollectionViewController: UICollectionViewController, UICollectionViewDelegateFlowLayout {
    
    let cellId = "cellId"
    let headerId = "headerId"
    
    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.backgroundColor = #colorLiteral(red: 0.9410743117, green: 0.9412353635, blue: 0.9410640597, alpha: 1)
        
        collectionView.register(TagHeader.self, forSupplementaryViewOfKind: UICollectionView.elementKindSectionHeader, withReuseIdentifier: headerId)
        collectionView.register(TagCollectionViewCell.self, forCellWithReuseIdentifier: cellId)
        collectionView.contentInset = .init(top: 0, left: 10, bottom: 10, right: 10)
    }
    
    var tagCategory: [String] = [
        "レストラン",
        "レストラン",
        "レストラン",
        "レストラン",
        "レストラン",
    ]
    
    var tagItems0: [String] = [
        "ビアガーデン", "豆", "栗", "焼肉", "鯛", "ステーキ", "そば", "バイキング・ビュッフェ"
    ]
    
    var tagItems1: [String] = [
        "ビアガーデン", "うなぎ", "韓国料理", "焼肉", "焼き鳥", "ステーキ", "そば", "バイキング・ビュッフェ"
    ]
    
    var tagItems2: [String] = [
        "ビアガーデン", "うなぎ", "韓国料理", "焼肉", "焼き鳥", "ステーキ", "そば", "バイキング・ビュッフェ"
    ]
    
    var tagItems3: [String] = [
        "ビアガーデン", "うなぎ", "韓国料理", "焼肉", "焼き鳥", "ステーキ", "そば", "バイキング・ビュッフェ"
    ]
    
    var tagItems4: [String] = [
        "ビアガーデン", "うなぎ", "韓国料理", "焼肉", "焼き鳥", "ステーキ", "そば", "バイキング・ビュッフェ"
    ]
    
    class TagCollectionViewCell: UICollectionViewCell {
        
        let tagLabel: UILabel = {
            let label = UILabel()
            label.text = "sample"
            label.font = .systemFont(ofSize: 12)
            return label
        }()
        
        override init(frame: CGRect) {
            super.init(frame: frame)
            addSubview(tagLabel)
            tagLabel.fillSuperview(padding: .init(top: 8, left: 12, bottom: 8, right: 12))
        }
        
        required init?(coder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }
    }
    

    class TagHeader: UICollectionReusableView {
        
        let headerLabel: UILabel = {
            let label = UILabel()
            label.text = "headerSample"
            label.font = .boldSystemFont(ofSize: 12)
            return label
        }()
        
        override init(frame: CGRect) {
            super.init(frame: frame)
            
            addSubview(headerLabel)
            headerLabel.fillSuperview()
        }
        
        required init?(coder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }
        
    }
    
    
    override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
        let header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: headerId, for: indexPath) as! TagHeader
//        header.backgroundColor = .gray
        header.headerLabel.text = tagCategory[indexPath.section]
        return header
    }
    
    
    override func numberOfSections(in collectionView: UICollectionView) -> Int {
        return tagCategory.count
    }

    
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        switch section {
        case 0: return tagItems0.count
        case 1: return tagItems1.count
        case 2: return tagItems2.count
        case 3: return tagItems3.count
        default: return tagItems4.count
        }
        
    }
    
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath) as! TagCollectionViewCell
        switch indexPath.section {
        case 0: cell.tagLabel.text = tagItems0[indexPath.item]
        case 1: cell.tagLabel.text = tagItems1[indexPath.item]
        case 2: cell.tagLabel.text = tagItems2[indexPath.item]
        case 3: cell.tagLabel.text = tagItems3[indexPath.item]
        default: cell.tagLabel.text = tagItems4[indexPath.item]
        }
        cell.layer.cornerRadius = 12
        cell.backgroundColor = .white
        return cell
    }

extension UIView {
    func fillSuperview(padding: UIEdgeInsets = .zero) {
        translatesAutoresizingMaskIntoConstraints = false
        if let superviewTopAnchor = superview?.topAnchor {
            topAnchor.constraint(equalTo: superviewTopAnchor, constant: padding.top).isActive = true
        }
        
        if let superviewBottomAnchor = superview?.bottomAnchor {
            bottomAnchor.constraint(equalTo: superviewBottomAnchor, constant: -padding.bottom).isActive = true
        }
        
        if let superviewLeadingAnchor = superview?.leadingAnchor {
            leadingAnchor.constraint(equalTo: superviewLeadingAnchor, constant: padding.left).isActive = true
        }
        
        if let superviewTrailingAnchor = superview?.trailingAnchor {
            trailingAnchor.constraint(equalTo: superviewTrailingAnchor, constant: -padding.right).isActive = true
        }
    }
}

//LeftAlignedCollectionViewFlowLayout.swift

import UIKit

class LeftAlignedCollectionViewFlowLayout: UICollectionViewFlowLayout {
    
    override init() {
        super.init()
        estimatedItemSize = UICollectionViewFlowLayout.automaticSize
        
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        let attributes = super.layoutAttributesForElements(in: rect)

        var leftMargin = sectionInset.left
        var maxY: CGFloat = -1.0
        attributes?.forEach { layoutAttribute in

            guard layoutAttribute.representedElementCategory == .cell else { return }

            if layoutAttribute.frame.origin.y >= maxY {
                leftMargin = sectionInset.left
            }

            layoutAttribute.frame.origin.x = leftMargin

            leftMargin += layoutAttribute.frame.width + minimumInteritemSpacing
            maxY = max(layoutAttribute.frame.maxY , maxY)
        }

        return attributes
    }
}

Comments

[hoshi-takanori]

fillSuperview が何をしてるか分かりませんが、そのあたりで最小の Cell サイズの制約を付ければ良いのでは。

[hoshi-takanori]

たぶんこんな感じ？
tagLabel.widthAnchor.constraint(greaterThanOrEqualToConstant: 20).isActive = true

[daiishi]

ご指摘通り
tagLabel.widthAnchor.constraint(greaterThanOrEqualToConstant: 20).isActive = true
で解決いたしました！
UICollectionViewFlowLayoutでcellの大きさを指定しようとしていたことと
.constraint(greaterThanOrEqualToConstant: 20)を知らなかったため
ハマっていました。
助かりました。ありがとうございます！

Answer 1

hoshi-takanoriさんにコメント頂いた通り
tagLabel.widthAnchor.constraint(greaterThanOrEqualToConstant: 20).isActive = true
で解決しました。