[SwiftUI]actionやalertを２つ連続して使うときのハマりどころ

SwiftUIで.actionや.sheetを使うときに、ハマってしまって時間を浪費してしまいました。その解決策のメモです。

どのような問題か

下記のように.alertを２つつなげた場合、後のalertしか表示されませんでした。

struct ContentView: View {

    @State var presentAlert1: Bool = false
    @State var presentAlert2: Bool = false

    var body: some View {
        VStack(spacing: 32) {
            Button.init("アラート１") {
                self.presentAlert1.toggle()
            }
            Button.init("アラート２") {
                self.presentAlert2.toggle()
            }
        }
        .alert(isPresented: $presentAlert1) {
            Alert.init(title: Text("アラート１"))
        }
        .alert(isPresented: $presentAlert2) {
            Alert.init(title: Text("アラート２"))
        }
    }
}

また、下記の場合も１つ目のalertが表示されませんでした。

struct ContentView: View {

    @State var presentAlert1: Bool = false
    @State var presentAlert2: Bool = false

    var body: some View {
        VStack(spacing: 32) {
            Button.init("アラート１") {
                self.presentAlert1.toggle()
            }
            .alert(isPresented: $presentAlert1) {
                Alert.init(title: Text("アラート１"))
            }
            Button.init("アラート２") {
                self.presentAlert2.toggle()
            }
        }
        .alert(isPresented: $presentAlert2) {
            Alert.init(title: Text("アラート２"))
        }
    }
}

解決方法

以下のように、それぞれのButtonにalert（またはsheet）をつけます。

struct ContentView: View {

    @State var presentAlert1: Bool = false
    @State var presentAlert2: Bool = false

    var body: some View {
        VStack(spacing: 32) {
            Button.init("アラート１") {
                self.presentAlert1.toggle()
            }
            .alert(isPresented: $presentAlert1) {
                Alert.init(title: Text("アラート１"))
            }
            Button.init("アラート２") {
                self.presentAlert2.toggle()
            }
            .alert(isPresented: $presentAlert2) {
                Alert.init(title: Text("アラート２"))
            }
        }
    }
}

まとめ

• 連続してalertを書くことはできない（sheetも同様）
• 親Viewにalertがある場合、子Viewにalert（もしくはsheet）を書くことができない