[SwiftUI]ViewThatFitsを使って、特定行数を超えたら「もっと見る」を表示する

struct PostCardText: View {
    let TextData:String
    
    @State var LineLimit = 3  /// 3行まで許可。これを超えると「もっと見る」ボタンが出て残り省略
    
    @State var moreText:Bool = false　　///全文表示されてるかどうかのフラグ
    @State var canBeExpanded = false　//「もっと見る」を表示するかどうかのフラグ
    
    init(TextString:String?){
        ////niの場合は空白にするため
        if let Textdata = TextString{
            self.TextData = Textdata
        }else{
            self.TextData = ""
        }
    }
    
    var body: some View {
        VStack{
            Text(TextData.trimmingCharacters(in: .whitespacesAndNewlines))
                .lineLimit(moreText ? nil : LineLimit)
                .background(
                    ViewThatFits(in: .vertical){
                        /// lineLimitで制限された領域とlineLimitなしの領域が同じ場合は、hidden、
                        /// 大きさを超えてる場合は、無色の背景色を表示しつつ、
                        /// 「もっと見る」表示フラグをtrueにする

                        Text(TextData.trimmingCharacters(in: .whitespacesAndNewlines))
                            .hidden()
                        
                        Color.clear
                            .onAppear{
                                canBeExpanded = true
                            }   
                    }
                )//background
                .truncationMode(.tail)
            
            
            if canBeExpanded == true{
                Text(moreText ? "" : "もっと見る")
                    .onTapGesture{
                        // もっと見る　を押すと、省略を解除する
                        moreText = true
                    }
            }

        }///Vstack

    }

}