Multi-line labels break the layout about alignedcollectionviewflowlayout

[mischa-hildebrand]

That's because you're setting up your cell's layout incorrectly. The flow layout itself can handle multi-line labels without any problem.

💡 The trick with multi-line labels (numberOfLines = 0) in general is that you somehow need to tell them what their maximum width should be. How else would a multi-line label decide when to break into a new line?

There are two ways to achieve this:

1. You constrain the label with a width inequality constraint, e.g. label.width <= 140 (pseudocode).
2. You set the labels preferredMaxLayoutWidth manually to that value.

You can do both things in Interface Builder if you want.

[dimovskidamjan]

@mischa-hildebrand Thanks! Just wanted to confirm that I tried these and it works as expected with either of the proposed solutions. I knew I was missing something :)

[mischa-hildebrand]

Awesome! I'm happy to hear that! 🙃