Selector
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 27 de 50.
Un Picker elige un valor de una lista de opciones. Cada opción es una vista con un .tag, y la etiqueta de la opción elegida se escribe en el estado vinculado:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Las etiquetas deben tener el mismo tipo que el estado, aquí String. .pickerStyle(.segmented) muestra las opciones como una fila de segmentos:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Desafío
FácilAñade un Picker titulado Milk, vinculado a milk, con el identificador milk y tres opciones: Whole, Oat y Soy, cada una etiquetada con su propio nombre. Conserva el texto debajo, que muestra la elección.
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