SwiftUI/macOS 変化するViewの幅を取得したい。

Question

前提

macOS用のアプリをSwiftUIで作っています。
動的なViewの幅を取得したいと考えています。

該当のソースコード

struct ContentView: View {
    @State var text: String = ""
    var charArray: [String]{
        Array(text).map{String($0)}
    }
    var body: some View {
        VStack {
            HStack{
                ForEach(0..<charArray.count, id: \.self){
                    Text(charArray[$0])
                }
            }.background(Color.red)
            TextField("", text: $text)
        }
        .frame(width: 200, height: 100)
    }
}

このようにTextFieldに打ち込んだ言葉を一文字ずつの配列にし、表示させます。
打ち込む言葉によってHStackの幅、つまり赤い部分の幅が変わりますが、この幅を値として取得したいです。

試したこと

GeometryReaderを使おうとしたところ、HStackが最初から全体に広がってしまい失敗しました。

アドバイスよろしくお願いいたします。

GeometryReaderを使う方法でもそうでない方法でも、言葉ごとに異なる幅を取得できれば教えていただけると幸いです。何卒よろしくお願いいたします。

Answer 1

この内容でどうでしょうか？
必ず空のテキストを返して下さい。

なお、size を frame(in: .global) に変更すると
frame の情報を得ることができます。

struct ContentView: View {
    @State var text: String = ""
        var charArray: [String]{
            Array(text).map{String($0)}
        }
        var body: some View {
            VStack {
                HStack{
                    ForEach(0..<charArray.count, id: \.self){
                        Text(charArray[$0])
                    }
                }.background(Color.red)
                    .background(GeometryReader{geometry -> Text in
                        print(geometry.size)
                        return Text("")
                    }) //追加
                TextField("", text: $text)
            }
            .frame(width: 200, height: 100)
        }
}

Comments

[SwiftBeginner]

ありがとうございます。
追加で質問なのですが、printするのではなく@State var width: CGFloat? = nilとし、
print(geometry.size)の代わりにwidth = geometry.size　としたのですが、Modifying state during view update, this will cause undefined behaviorというエラーになりました。
変数の値としてgeometry.sizeを取得することはできないのでしょうか？

[uni2]

その場合は代入する箇所を
DispatchQueue.main.async{}
で囲うとうまくいくと思われます。

DispatchQueue.main.async{
width = geometry.size.width
}

等の記述になるかと思われます。

[SwiftBeginner]

ありがとうございます！うまく行きました！