How to resize items in collection view to perfectly fit bigger screen sizes?

Question

Created Oct ’22

Replies 2

Boosts 0

Views 1.3k

Participants 2

I have a collection view with vertical flow layout. On bigger iPhones there is empty space after the 5 items in the row. Height and width and fixed at 30. There is empty space horizontally after the 5th item in the row. If i turn height and width constraint to be 'greater that of equal to' then i see just 3 items in the row and the remaining 2 appear in the row below.

I find constraints very challenging and want guidance with setting them right so that the items resize on all screens to have exactly 5 items in a row from edge to edge of the collection view.

Boost

Answer 1

ace.neerav OP

Oct ’22

Screenshot 2022-10-04 at 8.47.55 AM.png

iPhone SE

Screenshot 2022-10-04 at 8.47.24 AM.png

iPhone 14 Pro Max

0

Answer 2

anils OP

Oct ’22

If you want to keep the itemSize same across devices you should consider calculating the interitemspacing based on the collection view content width. If you want to keep the interitemspacing same then calculate the itemSize based on the collection view content width. This is assuming you always want the same number of items on each row.

Alternately consider using Compositional Layout which provides more flexibility in configuring collection view layouts. Compositional Layout

0