いわゆる「タグリスト」のレイアウト【SwiftUI】

iOS 16からのSwiftUIの新機能Layoutを使用しているので、それ以前のバージョンでは使えません。

成果物

幅が足りなくなったら次の行に配置します。ロジックが超複雑になるのを防ぐため、全ての要素の高さが等しいと仮定しています。

コード

sizeThatFitsとplaceSubviewsで同じ計算を2度もしているので、キャッシュ機能を使って効率化する余地があります。alignmentを指定できるようにしようと思っていたけど力尽きたので、LeftAlignedになってます。

参考

https://developer.apple.com/wwdc22/10056