Visão geral do projeto
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 43 de 50.
Neste projeto, você criará o Coddy Coffee, um pequeno aplicativo de pedidos, uma etapa por lição. Ao final, ele terá:
- um menu de bebidas com seus preços
- uma tela para cada bebida
- um seletor de tamanho
- um controle incremental de quantidade e o total do pedido
- um botão que faz o pedido
Cada etapa começa a partir do seu código da etapa anterior, então mantenha tudo o que você escreveu e os identificadores fornecidos pelas tarefas. As bebidas são uma struct:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Esta etapa cria o menu: uma NavigationStack com uma List, uma linha para cada bebida, o nome à esquerda e o preço à direita.
Desafio
FácilCrie a tela do menu. Dentro de NavigationStack, exiba uma List de drinks intitulada Coddy Coffee. Cada linha é uma HStack com o nome da bebida, um Spacer e seu preço com duas casas decimais, como $2.50.
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 PontosPratique por conta própria: Playground de Swift