Viewサイズ取得

プログラム

2025.04.052025.11.22

GeometryReaderを使う、GeometryReaderは親ビューのサイズを取得できる
個別Viewの下に書くとそのViewのサイズを取得できる
子ビューのサイズを渡すことも可能

struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in           //ContentViewのサイズ
            Text("あああ")
            .frame(width: geometry.size.width / 3)
            
            aaa(geometry: geometry)            //他のViewに渡す
        }
    }
}

struct aaa: View {
    var geometry: GeometryProxy                //受け取り
    var body: some View {
            Text("いいい")
            .frame(width: geometry.size.width / 3)
    }
}

struct ContentView: View {

var body: some View {

GeometryReader { geometry in //ContentViewのサイズ

Text("あああ")

.frame(width: geometry.size.width / 3)

aaa(geometry: geometry) //他のViewに渡す

}

struct aaa: View {

var geometry: GeometryProxy //受け取り

var body: some View {

Text("いいい")

.frame(width: geometry.size.width / 3)

}

✔️ 注意点

GeometryReader のスコープ内で NavigationStack を作る構造は
iOS 17 以降で挙動が厳しくなっているポイントです。

できればこうした方が安全：

var body: some View {
    NavigationStack {
        GeometryReader { geometry in
            ZStack { … }
        }
        .toolbar { … }
    }
}

var body: some View {

NavigationStack {

GeometryReader { geometry in

ZStack { … }

}

.toolbar { … }

}