I have a Column inside the LazyColumn with some elements like this:

LazyColumn {
    item {
        ...
    }
    item {
        ...
    }
    item {
        ...
    }
    item {
        HorizontalPager() {
           if(page == 1) {
              Button(onClick = {})
              Column {
                 itemsList.forEach {
                    SomeComponent(it)
                 }
               }
           }
           ....
        }
       
    }
}

What would be the best way to scroll to the specific SomeComponent item inside the column? I was trying with lazyListState.animateScrollToItem but the list has only 4 elements so I can scroll only to the beginning of the Column.

I have a Column inside the LazyColumn with some elements like this:

LazyColumn {
    item {
        ...
    }
    item {
        ...
    }
    item {
        ...
    }
    item {
        HorizontalPager() {
           if(page == 1) {
              Button(onClick = {})
              Column {
                 itemsList.forEach {
                    SomeComponent(it)
                 }
               }
           }
           ....
        }
       
    }
}

What would be the best way to scroll to the specific SomeComponent item inside the column? I was trying with lazyListState.animateScrollToItem but the list has only 4 elements so I can scroll only to the beginning of the Column.

• android
• android-jetpack-compose

1 Answer 1

You can try to add the SomeComponent Composables to the LazyColumn directly:

LazyColumn {
    item {
        //...
    }
    item {
        //...
    }
    item {
        //...
    }
    item {
        Button(onClick = {})
    }
    items(itemsList) {
        SomeComponent(it)
    }
}

Then, you can use

lazyListState.animateScrollToItem(4 + itemIndexInNestedList)

to scroll to a certain SomeComponent.