Campos de texto y el property wrapper @state

Clase 13 de 22 • Curso de SwiftUI desde Cero (2021)

Duwal Abel Varillas Castro

student•

me parecia un poco confuza la explicacion asi que investigue y di con esto espero que les sirva:

Fuente: https://www.swiftbeta.com/state-en-swiftui/

La vistas en SwiftUI son structs y usamos @State (que es un property wrapper) para poder modificar sus valores. Normalmente no podemos ya que las structs son value types pero usamos este property wrapper para que se encargue de guardar el estado fuera de la struct (fuera de la vista) y podamos dibujar otra vez nuestra vista sin perder el estado que teníamos.

José Eduardo Nuñez Arenas

student•

Muy buen aporte!

Jacob Aguilar Campos

student•

En paralelo a esto, estoy viendo los videos de Swift Beta en youtube. Y es un crack explicando el tipo. Muy recomendable!

Fray David Pineda Anaya

student•

Cuando una propiedad marcada como @State cambia, la computed property body se recalcula y vuelve a dibujar la vista

Joaquin Segovia

student•

dibuja toda la vista de dentro del body, o solo dibuja la vista interna, por ejemplo solo el Text??

Sergio Romo Medina

student•

Excelente aporte, me ayudo a complementar.

Andy Antonio Paz Cambara

student•

wow esto esta super chulo de utilizar jajajaja me gusto mucho esta clase .❤️

Luciana Roberto

student•

Este curso lo habia hecho hace 5 meses, y esta clase recuerdo que me resulto confusa.

tuve que dejar el aprendisaje de swift porque me salio un trabajo con react (tuve que aprender react).

Ahora que estoy retomando el curso todo lo que aprendi con react valio la pena y todas las clases resultaron super claras y sencillas

No tengan miedo de variar de lenguaje, creo que podria ser una buena practica, a mi me ayudo. Lejos de marearme, la comparacion entre tipos de frameworks me ayudo mucho a aprender mas

Andrés Antonio Azuara Portillo

student•

Se me hace muy parecido a react, el tener propiedades en forma de "estado", el hacer un binding a las propiedades, el relacionarlo hizo que me fuera mas sencillo comprenderlo

Christopher William Flores Rimac

student•

No me aparece la opción de colocarlo dentro de VStack, alguien sabe como puedo agregarlo?

Julian Villegas Ospina

student•

Realice un buscador de SF Simbol con la practica

struct Practica: View {

@State var texto : String = ""

@State var textoListo : String = ""

var body: some View {

VStack {

Text("Busca tu Sf Simbolo")

.font(.title)

.foregroundColor(Color(red: 0.594, green: 0.794, blue: 0.246))

}

VStack {

Image(systemName: "\(textoListo)")

.resizable()

.aspectRatio(contentMode: .fit)

.padding(50)

Text(textoListo)

TextField("Escribe tu Sf Simbol", text: $texto)

Button(action: {

textoListo = texto.lowercased()

texto = ""

}, label: {

Image("platzi").resizable()

.aspectRatio(contentMode: .fit)

.frame(width: 100, height: 100, alignment: .center)

})

}

Nicolas Silva

student•

cada vez se parece mas a react native y flutter, al final es reactivo, como los setState, y al igual que en react native, refresca la vista completa al cambiar el estado de un texto

Tulio Junior Rangel Nuñez

student•

Si están un poco enredados, en la documentación hay un ejemplo del @State y el biding: https://developer.apple.com/documentation/swiftui/state

José Eduardo Nuñez Arenas

student•

Es un contador usando el property wrapper @State

struct Buttons: View {
    @State var MasUno: Int = 0
    
    var body: some View {
        
        VStack{
            
            Button(action: {self.MasUno += 1}, label: {
                Text("Mas Uno = \(MasUno)")

Campos de texto y el property wrapper @state

Introducción a SwiftUI

¿Qué es SwiftUI?

Instalación de Xcode

Uso y características de Xcode

Las bases de Swift para SwiftUI

Variables y constantes

Funciones y argument labels

Structs, propiedades y métodos

Diferencia entre struct y class

Computed properties

Las bases de SwiftUI e introducción a protocolos

Vistas y controles

¿Qué son las vistas y controles en SwiftUI?

Botones

Imágenes

Campos de texto y el property wrapper @state

Divisores

Contenedores de interfaz de usuario

HStack, VStack y el elemento Spacer

Resolviendo el reto de contenedores

ZStack y el modificador padding

Dividir la app en módulos de contenedores

Más vistas y controles

TabView

NavigationView, NavigationLink e introducción a múltiples pantallas

VideoPlayer

Las posibilidades de SwiftUI

Las posibilidades de SwiftUI