VerticalScroll 在 Jetpack 撰写列中不起作用

Question

I have a list of items and other views in the column. I want to set scrollable to the column but I get an error.

My screen code:

 val context = LocalContext.current
        Box(
            modifier = modifier
                .fillMaxSize()
        ) {
            val state = viewModel.state.value
            val scrollState = rememberScrollState()

            Column(modifier = modifier.fillMaxSize().verticalScroll(scrollState)) {
                Spacer(modifier = Modifier.size(24.dp))
                AccountNameSection(modifier = modifier)
                Spacer(modifier = Modifier.size(24.dp))
                if (!state.items.isNullOrEmpty()) {
                    Box(modifier = modifier.fillMaxSize()) {
                        LazyColumn(modifier = modifier.fillMaxSize()) {
                            items(state.items) { item ->
                                ProfileListItems(item = item, onItemClick = {
                                   
                                })
                            }
                        }
                    }
                }

                Text(text = context.getAppVersionName())
            }
            if (state.error.isNotBlank())
                SimpleSnackbar(
                    text = state.error,
                    modifier = modifier.align(Alignment.BottomCenter)
                )

            if (state.isLoading)
                Loading(modifier = modifier.align(Alignment.BottomCenter))

        }

This is the error:

Answer 1

You don't apply scrolling to a Column that is a parent to a LazyColumn. Doing so will generate the error that you are seeing. A LazyColumn already has built-in support for scrolling. Remove verticalScroll from your Column. If you need to maintain the state of the scroll position, set the LazyListState property of the LazyColumn.

Answer 2

You cannot put lazyColumn as child of column without setting specific height according to android documentation.

Use as example:

 LazyColumn(modifier = modifier.width(200.dp)