Is there a way to control the “offset” of a

LazyRow

? The idea would be to manually controle the

LazyRow

position to sync the scroll when dragging a pager

There is

scrollToItem()

.

With

scrollToItem()

it moves directly but the idea is to sync the drags to move together

That's what you use to control the offset. If you want to sync it with another one then put it in a

LaunchedEffect

.

But then in this case I’ll move just after the item is selected in the other Row, the idea is when you scroll one the other moves together even in between the items. This is possible with the

Row

using a

Modifier.offset

but this doesn’t work with a

LazyRow

.

Why do you think it’s not possible to sync the offset when scrolling the other one?

I guess I’m not explaining correctly the idea, let me get a video of it working with

Row

now.

I understand what you want and that’s why I told you to use

LaunchedEffect

. Something like this should work:

LaunchedEffect(pagerState.currentPage, pagerState.currentPageOffest) {
    lazyListState.scrollToItem(pagerState.currentPage, pagerState.currentPageOffest)
}

But the second param of

scrollToItem

is

Int

but

pagerState.currentPageOffest

is Float, so a 0.5 offset would be 0 as int

Then round it to an int

You were correct. Adapting your idea a bit to the code worked fine. The final code looks like this:

LaunchedEffect(state.currentPageOffset) {
    scrollState.scrollToItem(
        state.currentPage, 
        state.currentPageOffset.times(itemWidthPx).toInt()))
}

Thanks a lot for the help 🙌🏽