Las listas desplazables pueden ayudar a administrar conjuntos de datos, crear diseños responsivos y facilitar la navegación. Puedes mostrar conjuntos más pequeños de elementos en tu app con una lista de desplazamiento finita. Para evitar problemas de rendimiento con conjuntos de datos más grandes o una lista de longitud desconocida, consulta Cómo cargar datos de forma diferida con listas y paginación.
Compatibilidad de versiones
Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o superior.
Dependencias
Crea una lista de desplazamiento vertical
Usa el siguiente código para crear una lista de desplazamiento vertical:
@Composable private fun ScrollBoxes() { Column( modifier = Modifier .background(Color.LightGray) .size(100.dp) .verticalScroll(rememberScrollState()) ) { repeat(10) { Text("Item $it", modifier = Modifier.padding(2.dp)) } } }
Puntos clave sobre el código
- Establece el comportamiento de desplazamiento
Column
con el modificadorverticalScroll
y la funciónrememberScrollState
. - Para crear una lista de desplazamiento horizontal, crea un
Row
con un modificadorhorizontalScroll
.
Resultados

Colecciones que contienen esta guía
Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:

Cómo mostrar una lista o una cuadrícula

Cómo mostrar componentes interactivos
