Specifying Item Spacing in UICollectionLayoutListConfiguration

Question

yccheok OP

Created Jul ’24

Replies 1

Boosts 0

Participants 2

Currently, I am using UICollectionViewCompositionalLayout to achieve the following list layout with spacing:

Simulator Screenshot - iPhone 8 Plus 16.2 - 2024-05-05 at 14.47.50.png

We were thinking of trying out UICollectionLayoutListConfiguration due to its ability to support swipe actions.

We would like to specify the spacing between each item. However, I do not find a way to specify item spacing in UICollectionLayoutListConfiguration.

Does UICollectionLayoutListConfiguration not support item spacing, or have I missed something?

Thanks.

Answered by Frameworks Engineer in 796182022

Create your compositional layout using the section provider initializer, and then set the interGroupSpacing (documentation) of the NSCollectionLayoutSection to a larger value, such as 10 in this example:

UICollectionViewCompositionalLayout { section, layoutEnvironment in
    let config = UICollectionLayoutListConfiguration(appearance: .insetGrouped)
    let layoutSection = NSCollectionLayoutSection.list(using: config, layoutEnvironment: layoutEnvironment)
    layoutSection.interGroupSpacing = 10
    return layoutSection
}

Boost

Answer 1

Frameworks Engineer OP

Apple

Jul ’24

Accepted Answer

Create your compositional layout using the section provider initializer, and then set the interGroupSpacing (documentation) of the NSCollectionLayoutSection to a larger value, such as 10 in this example:

UICollectionViewCompositionalLayout { section, layoutEnvironment in
    let config = UICollectionLayoutListConfiguration(appearance: .insetGrouped)
    let layoutSection = NSCollectionLayoutSection.list(using: config, layoutEnvironment: layoutEnvironment)
    layoutSection.interGroupSpacing = 10
    return layoutSection
}

1