Descripción general del proyecto
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 43 de 50.
En este proyecto crearás Coddy Coffee, una pequeña aplicación de pedidos, un paso por lección. Al final, tendrá:
- un menú de bebidas con sus precios
- una pantalla para cada bebida
- un selector de tamaño
- un control de cantidad y el total del pedido
- un botón que realiza el pedido
Cada paso comienza a partir del código del paso anterior, así que conserva todo lo que escribiste y los identificadores que proporcionan las tareas. Las bebidas son una estructura:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}Este paso construye el menú: un NavigationStack con una List, una fila por bebida, el nombre a la izquierda y el precio a la derecha.
Desafío
FácilConstruye la pantalla del menú. Dentro de NavigationStack, muestra una List de drinks titulada Coddy Coffee. Cada fila es un HStack con el nombre de la bebida, un Spacer y su precio con dos decimales, como $2.50.
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
10Proyecto - Coddy Coffee
Descripción general del proyectoPantallas de bebidas
Elegir un tamañoCantidad y totalRealizar el pedido2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precioPractica por tu cuenta: Playground de Swift