SwiftUI using .alert(isPresented) with a TextField for input?

Question

How can I add a TextField to the .alert() function in SwiftUI? I only can find solutions that need Swift, and not SwiftUI.

.alert(isPresented:$showingAlert) {
    Alert(
        title: Text("What is your name?"),
        message: Text("Fill in your name in the TextField beow"),
        primaryButton: .default(Text("OK")) {
            print("Opening...")

        },
        secondaryButton: .cancel() {
            print("cancelled)
        }
    )
}

have you tried the solution here https://stackoverflow.com/a/56732240/9416553 — Moos, Jul 10 '21 at 12:32
Does this answer your question? [How to add a TextField to Alert in SwiftUI?](https://stackoverflow.com/questions/56726663/how-to-add-a-textfield-to-alert-in-swiftui) — lorem ipsum, Jul 10 '21 at 13:07

score 6 · Accepted Answer · answered Jul 10 '21 at 12:32

extension UIAlertController {
    convenience init(alert: AlertConfig) {
        self.init(title: alert.title, message: nil, preferredStyle: .alert)
        addTextField { $0.placeholder = alert.placeholder }
        addAction(UIAlertAction(title: alert.cancel, style: .cancel) { _ in
            alert.action(nil)
        })
        let textField = self.textFields?.first
        addAction(UIAlertAction(title: alert.accept, style: .default) { _ in
            alert.action(textField?.text)
        })
    }
}



struct AlertHelper<Content: View>: UIViewControllerRepresentable {
    @Binding var isPresented: Bool
    let alert: AlertConfig
    let content: Content
    
    func makeUIViewController(context: UIViewControllerRepresentableContext<AlertHelper>) -> UIHostingController<Content> {
        UIHostingController(rootView: content)
    }
    
    final class Coordinator {
        var alertController: UIAlertController?
        init(_ controller: UIAlertController? = nil) {
            self.alertController = controller
        }
    }
    
    func makeCoordinator() -> Coordinator {
        return Coordinator()
    }
    
    
    func updateUIViewController(_ uiViewController: UIHostingController<Content>, context: UIViewControllerRepresentableContext<AlertHelper>) {
        uiViewController.rootView = content
        if isPresented && uiViewController.presentedViewController == nil {
            var alert = self.alert
            alert.action = {
                self.isPresented = false
                self.alert.action($0)
            }
            context.coordinator.alertController = UIAlertController(alert: alert)
            uiViewController.present(context.coordinator.alertController!, animated: true)
        }
        if !isPresented && uiViewController.presentedViewController == context.coordinator.alertController {
            uiViewController.dismiss(animated: true)
        }
    }
}

public struct AlertConfig {
    public var title: String
    public var placeholder: String = ""
    public var accept: String = "OK"
    public var cancel: String = "Cancel"
    public var action: (String?) -> ()
}

extension View {
    public func alert(isPresented: Binding<Bool>, _ alert: AlertConfig) -> some View {
        AlertHelper(isPresented: isPresented, alert: alert, content: self)
    }
}

struct ContentView: View {
    @State var isAlert = false
    var body: some View {
        VStack {
            Button("Show Alert") {
                self.isAlert = true
            }
        }
        .alert(isPresented: $isAlert, AlertConfig(title: "Title", action: {
            print("Text \($0 ?? "Cancelled")")
        }))
    }
}

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

works, thanks! But for some reason my layout changes with some padding on the element I added it too — user1469734, Jul 12 '21 at 08:22
I didn't get it, you see a layout change on the view you presented it? share steps to replicate it. — RTXGamer, Jul 13 '21 at 10:09
https://pastebin.com/yy2SgWqg > when your alert is added, the `TitleBar()` is placed with padding surrounded with large padding vertically — user1469734, Jul 13 '21 at 13:06
NVM. Solved it by moving the TitleBar code to the Mainview. Thanks! — user1469734, Jul 13 '21 at 13:27

SwiftUI using .alert(isPresented) with a TextField for input?

1 Answers1