NavigationStack
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 34 из 50.
A NavigationStack добавляет экрану панель навигации и позволяет помещать другие экраны поверх него. Оберни содержимое экрана в него и задай содержимому заголовок:
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}Обратите внимание, куда помещается .navigationTitle: в содержимое внутри стека, а не в сам NavigationStack. Стек считывает заголовок с отображаемого экрана, поэтому каждый экран может задать свой.
По умолчанию заголовок отображается крупным. .navigationBarTitleDisplayMode(.inline) отображает его небольшим, по центру панели.
Задание
ЛегкоОберни список в NavigationStack с идентификатором nav и задай списку заголовок Recipes.
Попробуйте сами
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