For this tutorial, we will be looking at another Lazy Composable and create a horizontal scrollable list inside a LazyRow

In my previous post, we explored an example of LazyColumn. In this post let’s look at LazyRow.

A LazyRow is a horizontal scrolling list that only composes and lays out the currently visible items.

Lets Look at Some Code

Here I have created a composable that produces a horizontal scrollable list of 100 items, contained in a LazyRow.

fun scrollList() {
    LazyRow (
        modifier = Modifier
            .background(colorResource(id =
        items(100) {
                text = "Item $it",
                fontWeight = FontWeight.Bold,
                color = Color.White,
                textAlign = TextAlign.Center,
                fontSize = 25.sp,
                modifier = Modifier
                    .padding(horizontal = 24.dp),

Let's See It in Action

Russell Morley

Test Lead | Software Developer In Test | Automation Enthusiast