Seletor
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 27 de 50.
Um Picker escolhe um valor de uma lista de opções. Cada opção é uma view com um .tag, e a tag da opção escolhida é gravada no estado vinculado:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}As tags devem ter o mesmo tipo que o estado, aqui String. .pickerStyle(.segmented) exibe as opções como uma linha de segmentos:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Desafio
FácilAdicione um Picker intitulado Milk, vinculado a milk, com o identificador milk e três opções: Whole, Oat e Soy, cada uma marcada com seu próprio nome. Mantenha o texto abaixo dele, que mostra a escolha.
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