【SwiftUI】アラートを表示する

はじめに

アラートを表示する手順をまとめました。

開発環境

• macOS Catalina 10.15.7
• Xcode 12.2
• Swift 5.3.1

手順

ContentView.swiftを開いて、Textを削除。

ContentView.swift

画面右上の"+"を選択。

"Button"を選択。

コードが挿入される。

ContentView.swift

Textを追加することでButtonに表示する文字列を指定。

アラートの表示状態を管理する変数isAlertActiveを追加。

Buttonを選択した時にisAlertActiveをtrueに変更する。

ContentView.swift

"alert(isPresented:content:)"を追加。

※参考:https://developer.apple.com/documentation/swiftui/view/alert(ispresented:content:)

ContentView.swift

変数isAlertActiveがtrueになった時に、アラートを表示する。

ContentView.swift

"Alert"を追加。

※参考:https://developer.apple.com/documentation/swiftui/alert

ContentView.swift

 ビルドしてボタンを選択するとアラートが表示される。

アラートのボタンを選択した際に処理を実行したい場合は、"init(title:message:primaryButton:secondaryButton:)"を以下のように実装する。

※参考:

https://developer.apple.com/documentation/swiftui/alert/init(title:message:primarybutton:secondarybutton:)

ContentView.swift

外観は以下のようになる。

全体のコード

ContentView.swift

import SwiftUI

struct ContentView: View {
    @State var isAlertActive = false
    
    var body: some View {
        Button(action: {
            self.isAlertActive = true
        }) {
            Text("Alertを表示する")
        }
        .alert(isPresented: $isAlertActive, content: {
            Alert(title: Text("エラータイトル"),
                  message: Text("エラーメッセージ"),
                  primaryButton: .default(Text("OK"), action: {
                    print("OKを選択した時の処理をここに実装する")
                  }),
                  secondaryButton: .cancel(Text("キャンセル"), action: {
                    print("キャンセルを選択した時の処理をここに実装する")
                  })
            )
        })
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

おわりに

SwiftUIの基本的な実装の手順は、プログラミングを始めた頃の自分でも分かるように極力細かめに記載することを意識しているのですが、別にAppleのドキュメント見ればすぐに分かるかもしれないという気持ちになりつつあります・・・。

自分の復習用（思い出す用）に記事にまとめている目的もあるので、今後もこのような記事がいくつか続きそうですが、少しでも参考になることがあればと思います。

参考

• https://developer.apple.com/documentation/swiftui/alert

• https://developer.apple.com/documentation/swiftui/view/alert(ispresented:content:)

• https://developer.apple.com/documentation/swiftui/alert/init(title:message:primarybutton:secondarybutton:)