How do I scroll Lazy list to 0th index when there’s new item added, updated or deleted to the list? ...

# compose

[jasu]

How do I scroll Lazy list to 0th index when there’s new item added, updated or deleted to the list?

I’ve currently LaunchedEffect with notes as key but when I come to note list screen from note detail (without creating, updating or deleting the item) it scrolls the list to 0th position regardless of data changed or not?

NoteList(
    notes = viewmodel.notes.collectAsState().value,
    onItemClick = { noteId ->
        Log.e(TAG, "NotesListingScreen: noteId: $noteId clicked")
        onEditNote(noteId)
    }
)

@Composable
fun NoteList(notes: List<Note>, onItemClick: (String) -> Unit) {
    val listState = rememberLazyListState()

    LaunchedEffect(key1 = notes) {  // when any item changes, scroll list to 0th index
        listState.animateScrollToItem(0)
    }
}

[Albert Chang]

You can use something like

LaunchedEffect(viewmodel.notes) {
    viewmodel.notes.drop(1).collect {
        listState.animateScrollToItem(0)
    }
}

[jasu]

what is the approach @Albert Chang here?

[Albert Chang]

It's basically the same as your code except that it doesn't sroll the list on the initial state.

[jasu]

it doesn’t work dude.

[jasu]

any other idea?

[Albert Chang]

How does it not work?

[jasu]

collect { }

okay collect was not being imported currently, it does work now. Thanks man