伴奏在 LazyColumn 內滑動刷新

Question

我正在嘗試將 SwipeRefresh 布局放置在 LazyColumn 和 scope 內，以包括 2 個項目調用和一個項目調用，在項目 {LazyRow(inside LazyColumn)} 下方和另一個項目{}下方。

所以我想要實現的是：

LazyColumn(
        Modifier
            .fillMaxSize()
            .background(colorResource(id = R.color.colorBackground))
    ) {
        item {
           LazyRow(
                Modifier
                    .wrapContentHeight()
                    .fillMaxWidth()
                    .background(colorResource(id = R.color.colorBackground)),
                listState
            ) { items()}
        }
        item { }
        -- this is where I want to place the swipe Refresh --
        item {}// box for holding a drawable
        item {} // another box
        items{ } // efficiently list items here
    }

我認為我可以做的是，我可以制作一個巨大的可滾動列，而不是使用lazyList 及其 dsl，但這會導致頁面失去底部的 items{} 塊的所有性能提升。 有沒有比使用 Column 更有效的方法？

Answer 1

您應將LazyColumn放入SwipeRefresh可組合中。 例如：

SwipeRefresh(
        state = swipeRefreshState,
        onRefresh = onRefresh,
        indicator = { state, refreshTrigger ->
            SwipeRefreshIndicator(
                state = state,
                refreshTriggerDistance = refreshTrigger
            )
        }
    ) {
            LazyColumn(
                modifier = Modifier
                    .fillMaxSize()
                    .background(Color.White),
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                item {
                 
                        Row(
                            modifier = Modifier.fillMaxWidth(),
                            horizontalArrangement = Arrangement.SpaceEvenly
                        ) {
                            someSections.forEach { section ->
                                SomeComposable(...)
                            }
                        }
                    }
                }
            }
    }