Propiedades básicas de Modifier

Los Modifiers son elementos fundamentales en Jetpack Compose que permiten modificar la apariencia y el comportamiento de los componentes de la interfaz de usuario. A continuación, se describen algunas de las propiedades básicas de los Modifiers:

Propiedad	Descripción	Ejemplo de uso
`padding()`	Añade espacio interno alrededor del contenido (dentro del contenedor).	`Modifier.padding(16.dp)`
`fillMaxWidth()`	Hace que el elemento ocupe todo el ancho disponible.	`Modifier.fillMaxWidth()`
`fillMaxHeight()`	Hace que el elemento ocupe toda la altura disponible.	`Modifier.fillMaxHeight()`
`fillMaxSize()`	Hace que el elemento ocupe todo el espacio disponible, tanto en ancho como en alto.	`Modifier.fillMaxSize()`
`size()`	Define un tamaño fijo para el elemento.	`Modifier.size(100.dp)`
`width()` / `height()`	Establecen un ancho o alto específico.	`Modifier.width(200.dp)` / `Modifier.height(100.dp)`
`wrapContentWidth()` / `wrapContentHeight()`	Ajustan el tamaño del elemento al contenido, solo en el eje indicado.	`Modifier.wrapContentWidth()`
`background()`	Pinta un color de fondo o un Brush.	`Modifier.background(Color.LightGray)`
`clip()`	Recorta el contenido a una forma (ej. CircleShape, RoundedCornerShape).	`Modifier.clip(RoundedCornerShape(8.dp))`
`border()`	Dibuja un borde alrededor del elemento.	`Modifier.border(2.dp, Color.Gray, RoundedCornerShape(8.dp))`
`offset()`	Desplaza el elemento en los ejes X e Y.	`Modifier.offset(x = 10.dp, y = 4.dp)`
`align()`	Alinea el elemento dentro de su contenedor padre.	`Modifier.align(Alignment.CenterHorizontally)`
`weight()`	Distribuye el espacio disponible entre los elementos de un Row o Column.	`Modifier.weight(1f)`
`clickable()`	Hace que el elemento responda a toques o clics.	`Modifier.clickable { /* acción */ }`
`combinedClickable()`	Permite manejar clics simples y largos en un mismo elemento.	`Modifier.combinedClickable(onClick = { /* acción / }, onLongClick = { / acción larga */ })`
`alpha()`	Ajusta la transparencia del elemento (1f = opaco, 0f = invisible).	`Modifier.alpha(0.5f)`
`rotate()`	Rota el contenido un número de grados determinado.	`Modifier.rotate(45f)`
`scale()`	Escala el tamaño del elemento en los ejes X y Y.	`Modifier.scale(1.5f)`
`shadow()`	Aplica una sombra al elemento.	`Modifier.shadow(4.dp, RoundedCornerShape(8.dp))`

Estas propiedades de Modifier son esenciales para personalizar y controlar la apariencia y el comportamiento de los componentes en Jetpack Compose. Al combinarlas, puedes crear interfaces de usuario ricas y adaptativas.

Nota

Recuerda que las propiedades de Modifier pueden encadenarse libremente, aplicándose en el orden en que se escriben.