SearchBar funktioniert nicht korrekt innerhalb einer Form{}

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • SearchBar funktioniert nicht korrekt innerhalb einer Form{}

    Hallo zusammen,
    zum Lernen sitze ich gerade an einer kleinen App, in der habe ich jetzt eine eigens zusammengestellte SearchBar integriert:

    Quellcode

    1. struct SearchBar: View {
    2. @Binding var searchText: String
    3. @Binding var isScannerPresented: Bool
    4. var placeholder: String
    6. var body: some View {
    7. HStack {
    8. TextField(placeholder, text: $searchText)
    9. .padding(.vertical, 10)
    10. .padding(.leading, 10)
    11. .overlay(
    12. HStack {
    13. Spacer()
    14. if !searchText.isEmpty {
    15. Button(action: {
    16. searchText = ""
    17. }) {
    18. Image(systemName: "multiply.circle.fill")
    19. .foregroundColor(.gray)
    20. .padding(.trailing, 10)
    21. }
    22. }
    23. }
    24. )
    25. Button(action: {
    26. isScannerPresented = true
    27. }) {
    28. Image(systemName: "barcode")
    29. .padding(10)
    30. .foregroundColor(.yellow)
    31. .cornerRadius(8)
    32. }
    33. .sheet(isPresented: $isScannerPresented) {
    34. BarCodeScanner(isbn: Binding($searchText), foundBooks: .constant(nil))
    35. }
    36. }
    37. .background(Color.secondary.opacity(0.1))
    38. .cornerRadius(10)
    39. .padding(.horizontal)
    40. }
    41. }
    Alles anzeigen
    Die Searchbar hat einen Button zum Aufrufen eines Scanners, sowie einen Clear Button sobald etwas im TextField geschrieben wurde. Das funktioniert soweit auch alles fein. Doch wenn ich die Searchbar innerhalb einer Form{} platziere, öffnet sich jedes mal der Scanner zusammen mit dem Clear Button. Kann mir da jemand weiterhelfen woran das liegt?

  • Es sieht so aus, als ob das Problem mit der Verwendung des sheet-Modifiers zusammen mit der Form-Ansicht in SwiftUI zusammenhängt. Die Form-Ansicht kann sich anders verhalten als erwartet, wenn sie mit Blättern (Sheets) kombiniert wird.
    Um dieses Problem zu umgehen, könntest du versuchen, die sheet-Modifikation außerhalb der Form-Ansicht zu platzieren oder stattdessen NavigationLink zu verwenden.

    Hier wird die sheet-Modifikation außerhalb der Form-Ansicht platziert und es wird NavigationView verwendet. Dadurch wird das Verhalten möglicherweise verbessert. Beachte, dass dies eine allgemeine Lösung ist, und es ist möglich, dass weitere Anpassungen erforderlich sind, abhängig von der Struktur deiner Ansichten.

    Quellcode

    1. import SwiftUI
    3. struct ContentView: View {
    4. @State private var searchText = ""
    5. @State private var isScannerPresented = false
    7. var body: some View {
    8. NavigationView {
    9. Form {
    10. Section {
    11. SearchBar(searchText: $searchText, isScannerPresented: $isScannerPresented, placeholder: "Search")
    12. }
    14. // Weitere Sektionen oder Ansichten hier hinzufügen
    15. }
    16. .navigationBarTitle("Search Example")
    17. .sheet(isPresented: $isScannerPresented) {
    18. BarCodeScanner(isbn: Binding($searchText), foundBooks: .constant(nil))
    19. }
    20. }
    21. }
    22. }
    24. // Hier sollte die Definition der SearchBar und anderer benutzerdefinierter Ansichten erfolgen
    26. struct ContentView_Previews: PreviewProvider {
    27. static var previews: some View {
    28. ContentView()
    29. }
    30. }
    Alles anzeigen