ayumu-nishimura https://blog.hatena.ne.jp/ayumu-nishimura/ Yappli Tech Blog https://tech.yappli.io/ SwiftUI iOS こんにちは、iOSエンジニアの西村です。 今回は、SwiftUIのLazyVGridを使って画面回転に応じてカラム数を変更する処理を実装したいと思います。 縦画面（2列での表示） 横画面（4列での表示） LazyVGridで絵文字を表示する まずは、LazyVGridを使用してUnicodeと絵文字をそれぞれ2列で表示してみました。 コードは、LazyVGridのドキュメントにサンプルとして掲載されているものをそのまま使用しています。 developer.apple.com このコード内でカラム数を定義しているのは、2行目のcolumns変数です。この変数でGridItemの数を増やすと、それ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.yappli.io%2Fentry%2Fchange-number-of-columns" title="画面回転でLazyVGridのカラム数を変更する - Yappli Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/ayumu-nishimura/20240627/20240627025902.png Hatena Blog https://hatena.blog 2024-06-28 13:46:48 rich https://tech.yappli.io/entry/change-number-of-columns 1.0 100%