NavigationLink ausgegraut

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

  • NavigationLink ausgegraut

    Guten Morgen,
    in habe eine SwiftUI Anwendung, welche einer Übersicht mit Rennstrecken anzeigt entwickelt.
    [Blockierte Grafik: https://ibb.co/84r4hCD]
    Bei dieser habe ich nun auch eine Suche implementiert, damit man schneller eine bestimmte Strecke finden kann, funktioniert so weit auch.
    [Blockierte Grafik: https://ibb.co/yWQ1Swt]
    Jetzt möchte ich natürlich auch, dass die Suchergebnisse anklickbar sind, also habe ich diese in einen NavigationLink gepackt.
    Sobald ich das aber mache, werden die Suchergebnisse ausgegraut und der Navigation Link funktioniert auch nicht.
    [Blockierte Grafik: https://ibb.co/9vHkr4H]
    Und so langsam bin ich mit meinem Latein am Ende, vielleicht kennt jemand von euch ja das Problem und weiß wie ich es lösen kann.
    Anbei etwas Sourcecode zum Ausprobieren:

    Main Klasse:

    Quellcode

    1. import SwiftUI
    3. struct TracksView2: View {
    5. var tracks: [Track] = tracksData
    6. @State private var searchText: String = ""
    7. var filtered : [Track] {
    8. if searchText.isEmpty {
    9. return tracks
    10. } else {
    11. return tracks.filter({ $0.search(searchText) })
    12. }
    13. }
    15. var body: some View {
    16. NavigationView {
    17. NavigationSearch(text: $searchText, searchResultsContent: {
    18. ForEach(filtered, id: \.id) { track in
    19. NavigationLink(destination: TrackDetailView(tracks: track)) {
    20. TrackRowView(track: track)
    21. }
    22. }
    23. })
    24. } //: NAVIGATION
    26. }
    27. }
    Alles anzeigen


    Datenmodell der Objekte:

    Quellcode

    1. import SwiftUI
    4. struct Track: Identifiable {
    5. var id = UUID()
    6. var title: String
    7. var headline: String
    8. var image: String
    9. var imagebig: String
    10. var gradientColors: [Color]
    11. var link: String
    12. var description: String
    13. var details: [String]
    15. func search(_ query: String) -> Bool {
    16. //let searchable = [title, headline, description] + details
    17. let searchable = [title]
    19. return searchable.filter({ $0.contains(query) }).count > 0
    20. }
    21. }
    Alles anzeigen
    Und ein Objekt:

    Quellcode

    1. import SwiftUI
    3. let tracksData: [Track] = [
    4. Track(
    5. title: "Spa-Francorchamps",
    6. headline: "Die Ardennenachterbahn ist für viele die faszinierenste Rennstrecke überhaupt. ",
    7. image: "road",
    8. imagebig: "preview",
    9. gradientColors: [Color("ColorBlueberryLight"), Color("ColorBlueberryDark")],
    10. link: "https://www.wikipedia.de/",
    11. description: """
    12. Bis
    13. """,
    14. details: ["7004m","8,50-18,50m", "21","100m"]
    15. ),
    Alles anzeigen

    Die NavigationSearch Klasse ist aus Mark van Wijnen's Medium Artikel.

    Ich freue mich auf eure Ratschläge :)

  • matz schrieb:

    c0ball schrieb:

    Ich freue mich auf eure Ratschläge
    Hi. Der zu navigierende Content View muss in eine NavigationView gepackt werden, sprich dein searchResultsContent
    Wenn ich alles im .overlay in einen NavigationLink packe, dann sind die Suchergebnisse nicht mehr ausgegraut, allerdings funktioniert die Verlinkung immer noch nicht. Außerdem ist dann die Startseite mit allen Strecke (Bild 1) komplett leer.