android compose LazyColumn 垂直列表滚动 使用

android compose LazyColumn 垂直列表滚动 使用

/**
 * Author : wn
 * Email : maoning20080809@163.com
 * Date : 2026/1/7 21:11
 * Description : LazyColumn 垂直列表滚动
 */
class LazyColumnActivity : ComponentActivity(){

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            testLazyColumn()
        }
    }

    @Preview
    @Composable
    private fun testLazyColumn(){
        val items = (1..100).toList()

        Column() {
            Spacer(modifier = Modifier.height(12.dp))
            Box(modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center){
                Text(text = "LazyColumn使用", fontSize = 20.sp, color = Color.Red)
            }
            Spacer(modifier = Modifier.height(30.dp))
            Row(modifier = Modifier.padding(start = 20.dp)) {
                LazyColumn() {
                    item { Text(text = "单个1") }
                    item { Text(text = "单个2") }
                    item { Text(text = "单个3") }
                }
                Spacer(modifier = Modifier.width(30.dp))
                LazyColumn() {
                    items(items.size){item ->
                        Text(text = "Item ${item}", modifier = Modifier.padding(start = 20.dp, end = 20.dp))
                        Spacer(modifier = Modifier.height(10.dp))
                    }
                }
            }
        }
    }
}