[SwiftUI] SwiftUIで 画面いっぱいにViewを表示する方法

画面いっぱいにViewを広げて表示する方法

Viewに対して、.frame(maxWidth: .infinity, maxHeight: .infinity)と指定することで、周りの要素と干渉しない最大のサイズになります。

<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-7219436282372946″
data-ad-slot=”2237349247″
data-ad-format=”auto”
data-full-width-responsive=”true”>

確認方法

.background(Color.orange)をつけて、どの範囲が表示範囲かを確認するとわかりやすいです。（もちろん、オレンジ色でなくとも何色でもわかります。）

おまけ

VStackやHStackを使うと、隣接する要素に影響を受けますので、画面いっぱいに表示したい何かがあるならば、ZStackを使って重ねて表示するのが定石だと思います。

<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-7219436282372946″
data-ad-slot=”2237349247″
data-ad-format=”auto”
data-full-width-responsive=”true”>

関連記事:

[SwiftUI]Image上でTextをドラッグして動かす(DragGesture使用) [SwiftUI] SwiftUIとMusicKit/MediaPlayerFrameworkを使った音楽再生アプリの作り方 [UIKit] UIImagePickerController で返される .mediaMetadata を調べてみた [SwiftUI] List の並べ替えの実装方法