NavigationLink
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 35 z 50.
NavigationLink to wiersz lub przycisk, który po stuknięciu otwiera nowy ekran. Potrzebuje tytułu i widoku docelowego:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}Dotknięcie wiersza powoduje wysunięcie ekranu docelowego, który ustawia własny tytuł. Pasek pokazuje wtedy przycisk wstecz z nazwą poprzedniego ekranu, Recipes, który wraca do listy. Wewnątrz List wiersz linku pokazuje szewron po prawej stronie.
Miejscem docelowym może być dowolny widok, w tym własne struktury widoków.
Wyzwanie
ŁatwyZamień wiersz Pancakes na NavigationLink. Jego miejscem docelowym jest tekst Mix flour, eggs and milk z identyfikatorem steps, a tytułem miejsca docelowego jest Pancakes.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów
Wybierz rozmiarIlość i sumaZłóż zamówienie2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów8Nawigacja
NavigationStackNavigationLinkPrzekazywanie danychArkusze i alertyPodsumowanie — przewodnik po roślinach6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI