Campo de texto
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 24 de 50.
Un TextField permite al usuario escribir. Necesita un marcador de posición y un enlace a un estado String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}El $ en $name convierte el estado en un enlace: una conexión bidireccional. El campo muestra el valor de name, y cada tecla que escribe el usuario vuelve a escribir en él. El texto de abajo lee el mismo estado, por lo que se actualiza con cada pulsación.
.textFieldStyle(.roundedBorder) dibuja el conocido cuadro redondeado alrededor del campo.
Desafío
FácilSaluda al usuario por su nombre. Añade un TextField con el marcador de posición Your name vinculado a name y asígnale el identificador name. Mantén el texto de saludo, que debería mostrar Hello, Ada! después de que el usuario escriba Ada.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a SwiftUI
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precio6Entrada del usuario
Campo de textoInterruptorSelector incremental y deslizadorSelectorRepaso: formulario de pedidoPractica por tu cuenta: Playground de Swift