[SwiftUI]Alert（アラート）にTextFieldを追加する方法[Xcode]

どうも、ちょげ（@chogetarou）です。

この記事では、SwiftUIでAlertにTextFieldを追加する方法について解説します。

方法
Alertを自作する
UIKitのアラート
まとめ
合わせて読みたい記事

方法

まず、SwiftUIには、TextFieldありのAlertが存在しません。

なので、TextFieldをアラートにつけるには次の2つの方法をとる必要があります。

Alertを自作する
UIKitのAlertを使う

Alertを自作する

ひとつは、Alertを自作してしまう方法です。

簡単なものであれば、ZStackでビューの上に別のビューを表示させることでアラートのようにすることができます。

こちらはZStackで実装した例です。

@State var onAlert = false
    @State var text = ""
    var body: some View {
        ZStack {
            Button(action: {
                self.onAlert.toggle()
            }) {
                Text("ボタン")
            }
            
            if onAlert {
                ZStack() {
                        Rectangle()
                            .foregroundColor(.gray)
                        VStack {
                            Text("アラート")
                            TextField("テキスト",text: $text)
                            HStack {
                                Button("OK") {
                                    self.onAlert.toggle()
                                }
                            }
                        }.padding()
                }
                            .frame(width: 300, height: 180,alignment: .center)
                            .cornerRadius(20).shadow(radius: 20)
            }
        }
    }