POSTED BY
2023-09-19

配下のViewが座標や画面サイズを取れるので、トップにGeometryReaderを置くコードで発生。以下のようなコード。

struct ContentView: View {
    var body: some View {
        GeometryReader() { geometry in
            VStack() {
                Spacer()
                Text("あああ")
                Spacer()
            }
            .background(Color.white)
        }
    } 
}

Textあああが画面中央のはずが、左に大きくずれてしまった。

どうやらこれを解決するには直下のStackもしくはViewに

.frame(maxWidth: .infinity, maxHeight: .infinity)

とし、めいっぱい広げてやれば解決する模様。

struct ContentView: View {
    var body: some View {
        GeometryReader() { geometry in
            VStack() {
                Spacer()
                Text("あああ")
                Spacer()
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.white)
        }
    } 
}