Android flingBehavior button to scroll back to start

Question

I have a LazyRow containing multiple Card items that the user can scroll through. I wanted this to be snapping to each of these items, so I added flingBehavior to the LazyRow.

My question now is: How can I add a button that scrolls to the start of the list, i.e. index=0?

I saw in the documentation that rememberLazyListState has a function animateScrollToItem(index: @IntRange(from = 0) Int, scrollOffset: Int). How would I call this as it requeres a suspend keyword?

This is the code:

fun DisplayCard(response: List<AlbumDataClassItem>) {

    val listState: LazyListState = rememberLazyListState()
        
    LazyRow(
        modifier = Modifier.fillMaxSize(),
        state = listState,
        flingBehavior = rememberSnapFlingBehavior(listState)
    ) {
        items(response) { item ->
            Card(
                [...]
            )
        }
    }
}

dennisklad · Accepted Answer · 2025-01-28 11:23:23Z

0

So I found the solution.

val coroutineScope = rememberCoroutineScope()

And then on the function of the button

onButtonClicked = { newActiveButton ->
           coroutineScope.launch {
                listState.animateScrollToItem(0)
           }

Unfortunatly this animation is way to fast.

answered Jan 28 at 11:23

dennisklad

1391 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Android flingBehavior button to scroll back to start

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related