SwiftUIでの文章の表示・非表示設定の実装の仕方

上記画像のような、"表示""非表示"のボタンを押すと文章が表示状態になったり、非表示状態になったりする機能を持たせたいのですが、SwiftUIでの実装方法を教えてもらえませんか？
画像の物はstoryboardを使用しており、自分としてはSwiftUIでの実装がしたいのです。
ネットでググってみたのですがなかなか見つからず、どなたか教えてもらえませんか？

行動規範の内容に同意します

回答1件

ベストアンサー

この辺りは基本だとは思いますが下記が例です。
ボタンのタップ状態を見て出し分けすればいいです。
リアルタイムで表示を切り替えたいので @State を使います。

import SwiftUI

struct ContentView: View {
    
    @State private var isPushed = false
    
    var body: some View {
        ScrollView {
            VStack {
                HStack {
                    Text("天気")
                        .font(.headline)
                    Button(action: {
                        // ここで切り替え
                        self.isPushed.toggle()
                    }, label: {
                        Text(isPushed ? "表示": "非表示")
                    })
                    Spacer()
                }
                .padding(.leading)
                if !isPushed {
                    Text("天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報天気情報")
                    .padding()
                }
                Spacer()
            }
        }
    }
}