Текстовое поле
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 24 из 50.
TextField позволяет пользователю вводить текст. Ему нужны заполнитель и привязка к состоянию типа String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}Знак $ в $name превращает состояние в привязку: двустороннее соединение. Поле отображает значение name, а каждый символ, который вводит пользователь, записывается обратно в него. Текст ниже считывает то же состояние, поэтому обновляется при каждом нажатии клавиши.
.textFieldStyle(.roundedBorder) рисует вокруг поля знакомую скруглённую рамку.
Задание
ЛегкоПоприветствуйте пользователя по имени. Добавьте TextField с заполнителем Your name, привязанным к name, и задайте ему идентификатор name. Сохраните текст приветствия, который после ввода пользователем Ada должен выглядеть как Hello, Ada!.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift