要实现可展开列表只展开一项的功能,可以使用LazyColumn和LazyColumnScope来创建列表,并使用remember来保存每个列表项的展开状态。以下是一个示例代码,演示如何实现这个功能:
import androidx.compose.foundation.ExperimentalFoundationApi
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
@OptIn(ExperimentalFoundationApi::class)
@Composable
fun ExpandableList() {
// 保存每个列表项的展开状态
val expandedState = remember { mutableStateMapOf() }
// 列表数据
val listItems = (1..10).toList()
LazyColumn {
items(listItems) { item ->
Column(modifier = Modifier.padding(16.dp)) {
// 列表项的标题
Text(text = "Item $item")
// 列表项的内容
if (expandedState[item] == true) {
Text(text = "Expanded content for item $item")
}
// 切换列表项的展开状态
Button(
onClick = {
expandedState[item] = !(expandedState[item] ?: false)
}
) {
if (expandedState[item] == true) {
Text(text = "Collapse")
} else {
Text(text = "Expand")
}
}
}
}
}
}
在上面的示例代码中,我们使用mutableStateMapOf来保存每个列表项的展开状态,其中Int代表列表项的索引,Boolean代表展开状态,true表示展开,false表示收起。当点击展开按钮时,我们通过expandedState[item] = !(expandedState[item] ?: false)来切换列表项的展开状态。然后根据展开状态决定是否显示列表项的内容。
最后,我们使用LazyColumn和items来创建可展开列表,其中items用于遍历列表数据,并根据数据创建列表项。每个列表项包含一个展开按钮,点击按钮时会切换列表项的展开状态,并根据展开状态来显示或隐藏列表项的内容。
注意:在使用LazyColumn时,需要在@OptIn(ExperimentalFoundationApi::class)注解上添加ExperimentalFoundationApi注解,以启用实验性功能。