Para ayudarnos un poco en la actualizaciones de Android Studio se tiene Snipet para crear un Composable que es
comp
y con ese te crea el siguiente bloque de codigo para completar el nombre.
@Composable
fun () {
}
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 3
Preguntas 1
Para ayudarnos un poco en la actualizaciones de Android Studio se tiene Snipet para crear un Composable que es
comp
y con ese te crea el siguiente bloque de codigo para completar el nombre.
@Composable
fun () {
}
package com.example.coffecodersmexico.ui.components
import androidx.compose.foundation.Image
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.material.Card
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.example.coffecodersmexico.R
/*
* 1. Se creo un paquete dentro del paquete ui
* 2. Se nombro el paquete como components
* 3. Se creo el archivo en kotlin de ProductCard.kt*/
@Composable
fun ProductCard(){
Card(
modifier = Modifier
.fillMaxWidth()
.padding(16.dp)
.clickable { }
.size(480.dp)//varias propiedades a la vez
){
Image(painter = painterResource(id = R.drawable.co), contentDescription = null)
}
}
@Preview(
showBackground = true
)
@Composable
fun ProductCardPreview(){
ProductCard()
}
No entiendo muy bien por que, pero al momento de cargar la Imagen, uso la anotación como tu lo has explicado, y me da un pequeño error
Image(painter = painterResource(R.drawable.co), ContentDescription = null)
tengo que usarla como sale debajo, sin usar ninguna asignación.
Image(painterResource(R.drawable.co), null)
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.