ParallaxRoute.kt

@Composable
fun ParallaxRoute(
    viewModel: ParallaxVewModel = hiltViewModel(),
) {
    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
    ParallaxScreen(uiState)
}

@Composable
fun ParallaxScreen(
    uiState: List<ListItemUi>
) {
    ParallaxLazyColumn(uiState)
}

@Composable
fun ParallaxLazyColumn(uiState: List<ListItemUi>) {
    val listState = rememberLazyListState()
    val viewportHeight by remember {
        derivedStateOf {
            listState.layoutInfo.viewportEndOffset.toFloat() - listState.layoutInfo.viewportStartOffset.toFloat()
        }
    }
    LazyColumn(
        verticalArrangement = Arrangement.spacedBy(16.dp),
        contentPadding = PaddingValues(16.dp),
        state = listState,
        modifier = Modifier.fillMaxSize()
    ) {
        this.itemsIndexed(items = uiState,
            key = { index, itemUi -> itemUi.id }) { index, itemUi: ListItemUi ->
            ScrollPositionListItem(
                itemUi = itemUi,
                listState = listState,
                index = index,
                viewportHeight = viewportHeight
            )
        }
    }
}