blurred keyboard background

blurred.swift

struct ContentView: View {
  var body: some View {
    ZStack(alignment: .bottom) {
      // ...
      VisualEffectView(effect: UIBlurEffect(style: .systemUltraThinMaterial))
        .animation(.easeInOut)
        .edgesIgnoringSafeArea(.all)
        .onTapGesture {
          UIApplication.shared.sendAction(
            #selector(UIResponder.resignFirstResponder),
            to: nil,
            from: nil,
            for: nil)
        }

      EditHabitView()
    }
  }
}

struct EditHabitView: View {
  var body: some View {
    VStack {
      // ...
      TextField(
        "habit",
        text: $title
      ) { _ in
        // ...
      }
      // https://github.com/siteline/SwiftUI-Introspect.git
      .introspectTextField { textField in
        textField.returnKeyType = .done
        textField.becomeFirstResponder()
      }
    }
  }
}

struct VisualEffectView: UIViewRepresentable {
  var effect: UIVisualEffect?

  func makeUIView(context: UIViewRepresentableContext<Self>) -> UIVisualEffectView {
    UIVisualEffectView()
  }

  func updateUIView(_ uiView: UIVisualEffectView, context: UIViewRepresentableContext<Self>) {
    uiView.effect = effect
  }
}