如何阻止LazyVerticalStaggeredGrid元素跨列重排并固定相对位置？

LazyVerticalStaggeredGrid的核心机制是自动填充列中高度最低的位置，所以默认情况下元素会根据列高动态调整位置。要实现元素相对位置固定，不让它们跨列移位，有两种可行方案：

方案一：给每个元素绑定固定列 #

通过item函数的span参数，强制指定每个元素归属的列。对于双列场景，给每个元素分配固定的列索引，确保它们不会跑到其他列。

示例代码：

LazyVerticalStaggeredGrid(columns = StaggeredGridCells.Fixed(2)) {
    // 元素1固定在第0列
    item(span = { StaggeredGridItemSpan.Fixed(1) }) {
        ExpandableItem(id = 1, expanded = expandedState[0])
    }
    // 元素2固定在第1列
    item(span = { StaggeredGridItemSpan.Fixed(1) }) {
        ExpandableItem(id = 2, expanded = expandedState[1])
    }
    // 元素3固定在第0列
    item(span = { StaggeredGridItemSpan.Fixed(1) }) {
        ExpandableItem(id = 3, expanded = expandedState[2])
    }
    // 元素4固定在第1列
    item(span = { StaggeredGridItemSpan.Fixed(1) }) {
        ExpandableItem(id = 4, expanded = expandedState[3])
    }
}

这样元素1展开时，第0列高度被拉长，元素3会留在第0列的底部，不会移位到第1列。

方案二：用两个平行LazyColumn替代 #

如果觉得StaggeredGrid的列绑定逻辑不够直观，可以直接用两个LazyColumn并排布局，把原本属于同一列的元素放到对应的LazyColumn中。

示例代码：

Row(modifier = Modifier.fillMaxWidth()) {
    // 第0列的元素：1、3
    LazyColumn(modifier = Modifier.weight(1f)) {
        item { ExpandableItem(id = 1, expanded = expandedState[0]) }
        item { ExpandableItem(id = 3, expanded = expandedState[2]) }
    }
    // 第1列的元素：2、4
    LazyColumn(modifier = Modifier.weight(1f)) {
        item { ExpandableItem(id = 2, expanded = expandedState[1]) }
        item { ExpandableItem(id = 4, expanded = expandedState[3]) }
    }
}

这种方式完全固定了元素的列归属，展开时不会出现移位，逻辑更简单直接，适合需要严格列固定的场景。

内容的提问来源于stack exchange，提问作者leosole