Условные представления
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 22 из 50.
if внутри body определяет, будет ли представление вообще отображаться:
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}Пока showDetails имеет значение false, текст не является частью экрана. После нажатия он появляется. Ветка else вместо этого отображает другой вид:
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
Задание
ЛегкоТекст Made with SwiftUI должен появляться только после того, как пользователь нажмёт Show details. Сделай так, чтобы кнопка устанавливала значение showDetails, а текст (с его идентификатором) отображался только когда showDetails имеет значение true.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift