Ligazóns ($) e property wrappers #
Para ver como funciona un TextField é imprescindible coñecer as ligazóns ($) e os property wrappers que implementa SwiftUI e que se ven no seguinte tema.
TextField #
Un TextField permite aos usuarios introducir texto.
Podes usalo para capturar información de entrada do usuario, como nomes, contrasinais ou calquera outro tipo de texto.
Aquí tes un exemplo básico de como usar un TextField en SwiftUI:
struct ProbasView: View {
@State var textoIntroducido = ""
var body: some View {
VStack {
TextField("Introduce o teu texto", text: $textoIntroducido)
.padding()
.textFieldStyle(RoundedBorderTextFieldStyle())
Text("Texto introducido: \(textoIntroducido)")
.padding()
}
.padding()
}
}
Neste exemplo, créase:
- Unha vista
TextFieldestablece unha ligazón á propiedade@State textoIntroducidopara usar como almacenamento para o texto introducido polo usuario. - Unha vista
Textque está ligada á mesma propiedade. Este texto actualizase cada vez que introducimos un texto noTextField, xa que están ligados á mesma propiedade
Con cada pulsación de tecla realizada mentres o usuario escribe no TextField, a ligazón almacenará o texto actual na propiedade textoIntroducido. Cada cambio na propiedade @State textoIntroducido, á súa vez, fará que SwiftUI volva a renderizar a xerarquía da vista.