NavigationLink
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 35 из 50.
NavigationLink — это строка или кнопка, которая при нажатии открывает новый экран. Ей нужны заголовок и представление назначения:
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}При нажатии на строку экран назначения выезжает, устанавливая собственный заголовок. Затем на панели появляется кнопка возврата с названием предыдущего экрана, Recipes, которая возвращает к списку. Внутри List строка-ссылка показывает шеврон справа.
Назначением может быть любое представление, включая ваши собственные структуры представлений.
Задание
ЛегкоПреврати строку Pancakes в NavigationLink. Её назначение — текст Mix flour, eggs and milk с идентификатором steps, а заголовок назначения — Pancakes.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков8Навигация
NavigationStackNavigationLinkПередача данныхЛисты и оповещенияПовторение — справочник растений6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift