Conceptos generales
Introducción al curso de aplicaciones Android con Jetpack Compose
¿Qué es Jetpack Compose?
Programación declarativa para creación de UI
Presentación del proyecto del curso: Coffee 4 Coders
UI con Jetpack Compose
¡Hola, Compose!
Composable functions y componentes
Componentes principales y layouts
Componentes personalizados y modifiers
Material design con Compose
Creando nuestra tienda de café
Planeación de UI: componentes de nuestra tienda
Creación de una tarjeta de producto
Usando el componente Surface
Dando los toques finales al componente Card
Feed de nuestra tienda: trabajando con listas
Navegando a una nueva pantalla
Regresando a la pantalla del feed
Desarrollando el Navbar
Creando un botón personalizado
Creando nuestra pantalla de detalle
Desarrollando un campo de texto personalizado
Crear un Custom DropDownTextField
Completando la pantalla confirmación de compra
Conectando los componentes a nuestra lógica
Creación de modelos para nuestra tienda
Integración de nuestros modelos
Últimos ajustes
Detalles finales
Conclusiones y pasos siguientes
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 2
Preguntas 2
Varios previews
Si quieres tener más previews para tu componente puedes hacer lo siguiente
@Composable
@Preview(name = "light_mode", showBackground = true)
@Preview(name = "dark_mode", uiMode = UI_MODE_NIGHT_YES, showBackground = true)
fun AlertPreview(){
Coffe4CodersTheme {
Surface {
Alert(title = "", messae = null) {
}
}
}
}
Me parece mejor que se maneje lo de mostrar el Alert con una variable independiente showAlert
var showAlert by remember { mutableStateOf(false) }
/*...*/
Alert(
title = stringResource(R.string.checkout_alert_title),
message = stringResource(R.string.checkout_alert_message),
showAlert = showAlert
) {
}
/*...*/
CustomButton(stringResource(R.string.checkout_place_order)) {
showAlert = true
}
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.