Erscheinen des iPhone Keyboards steuern

  • Erscheinen des iPhone Keyboards steuern

    Hallo,

    ich habe mal folgendes Script für eine Einkaufsliste erstellt:

    Quellcode

    1. import SwiftUI
    2. import SwiftData
    4. // Main view for shopping list
    5. struct ContentView: View {
    6. @Environment(\.modelContext) private var modelContext: ModelContext
    7. @State private var filteredSuggestions: [String] = []
    8. @StateObject var dataManager = ShopDataManager()
    9. @State private var newItem: String = ""
    10. @State private var keyboardVisible: Bool = false
    11. private func setupKeyboardObservers() {
    12. NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillShowNotification, object: nil, queue: .main) { _ in
    13. keyboardVisible = true
    14. }
    15. NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillHideNotification, object: nil, queue: .main) { _ in
    16. keyboardVisible = false
    17. }
    18. }
    19. var body: some View {
    20. NavigationStack {
    21. ZStack {
    22. // Background image
    23. Image(.image2)
    24. .resizable()
    25. .scaledToFill()
    26. .edgesIgnoringSafeArea(.all)
    27. VStack(spacing: 16) {
    28. // Input text field for items to buy
    29. NewItemInputView(
    30. dataManager: dataManager, newItem: $newItem, filteredSuggestions: $filteredSuggestions
    31. )
    32. // Scroll view holding the lists for the items
    33. if !keyboardVisible {
    34. ScrollView {
    35. VStack(spacing: 0) {
    36. ShopItemsView(dataManager: dataManager)
    37. BoughtItemsView(dataManager: dataManager)
    38. }
    39. }
    40. }
    41. }
    42. .padding(.top)
    43. }
    44. .navigationTitle("Shopping List")
    45. .navigationBarTitleDisplayMode(.inline)
    46. .onAppear {
    47. setupKeyboardObservers()
    48. }
    49. }
    50. }
    51. }
    53. #Preview {
    54. ContentView()
    55. }
    Alles anzeigen
    Die zwei Listen, welche zum einen die zu kaufenden Artikel und zum anderen die zuvor gekauften Artikel anzeigen, habe ich als Views ausgelagert. Eigentlich wollte ich erreichen, dass mein Layout bleibt wie es ist und das Erscheinen des Keyboards sich entweder über die unteren Listen legt oder zumindest den Inhalt des Views nicht so weit nach oben schiebt, dass das TextField verschwindet. Aber das habe ich nicht hinbekommen. Dies hier ist die Notlösung, welche die ScrollView einfach ausblendet wenn das Keyboard erscheint. Ist aber unschön, das das TextField dann nach unten in die Mitte des Screens rutscht.

    Hat jemand ein paar Tipps für mich, wie man elegant die View Elemente und / oder das Keyboard steuern kann, so dass man immer die volle Kontrolle über das Layout behält, wenn das Keyboard erscheint?

    Danke!