Campo de Texto
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 24 de 50.
Um TextField permite que o usuário digite. Ele precisa de um espaço reservado e de uma vinculação a um estado String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}O $ em $name transforma o estado em uma vinculação: uma conexão de mão dupla. O campo mostra o valor de name, e cada tecla que o usuário pressiona grava novamente nele. O texto abaixo lê o mesmo estado, então é atualizado a cada pressionamento de tecla.
.textFieldStyle(.roundedBorder) desenha a conhecida caixa arredondada ao redor do campo.
Desafio
FácilSaudação ao usuário pelo nome. Adicione um TextField com o placeholder Your name vinculado a name e atribua a ele o identificador name. Mantenha o texto de saudação, que deve exibir Hello, Ada! depois que o usuário digitar Ada.
Experimente você mesmo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao SwiftUI
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas
Escolha um tamanhoQuantidade e totalFazer o pedido5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de Pontos6Entrada do Usuário
Campo de TextoAlternânciaControle Deslizante e IncrementalSeletorRevisão - Formulário de PedidoPratique por conta própria: Playground de Swift