LazyColumn 增加减少Item

hehui0921

于 2024-09-04 13:55:52 发布

阅读量19

点赞数

分类专栏： compose 文章标签：前端

本文链接：https://blog.csdn.net/oHeHui1/article/details/141891932

版权

compose 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

@Composable
fun ListDemo() {
    val items = remember { mutableStateListOf("Item 1", "Item 2", "Item 3") }
    Column {
        LazyColumn {
            items(items) { item ->
                Text(
                    text = item,
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(8.dp)
                )
            }
        }
        // Button to add an item
        Button(onClick = {
            items.add("Item ${items.size + 1}")
        }) {
            Text("Add Item")
        }
        // Button to remove an item
        Button(onClick = {
            if (items.isNotEmpty()) {
                items.removeAt(items.size - 1)
            }
        }) {
            Text("Remove Last Item")
        }
    }
}