画面の横幅いっぱいで図形を表示させたい

Question

実現したいこと

エラーになってしまいますが以下のように横幅を画面いっぱいに表示させたいと考えているのですが、うまく行きません。
body.frame.viewなどでとれないかとも試したのですが取得することができませんでした。

struct ContentView: View {
    var body: some View {
        Rectangle()
                    .fill(Color.blue)
            .frame(width: self.view.frame.width, height: 150)
    }
}

SwiwftUIではどうやって画面サイズを取得するのでしょうか？

Answer 1

横幅全体で良いのでしたら下記のように書けますね。
左右にマージン加える場合はその上で padding も使います。

struct ContentView: View {
    var body: some View {
        Rectangle()
            .fill(Color.blue)
            .frame(minWidth: 0.0, maxWidth: .infinity)
            .frame(height: 150)
            //.padding(.horizontal, 16.0) // 横幅いっぱいで左右に16pt確保する場合
    }
}

GeometryReader も場合によっては使います。
下記サイトが参考になると思います。
https://blog.personal-factory.com/2019/12/08/how-to-know-coorginate-space-by-geometryreader/