VStack
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 9 из 50.
Тело возвращает одно представление. Чтобы показать несколько представлений, поместите их в стек. VStack располагает свои представления сверху вниз:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Представления помещаются внутри фигурных скобок, по одному в строке, в порядке их появления на экране. У каждого могут быть свои модификаторы.
Стек — это тоже представление, поэтому вы можете стилизовать сам стек. Модификатор стека применяется к находящимся внутри представлениям, которые не задают собственный:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Задание
НовичокПокажи карточку контакта: VStack с двумя текстами, Ada Lovelace сверху и Engineer под ним. Установи для имени шрифт .title.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift